面经整理

面经整理

  • 微信小程序
    • 1.微信小程序如何页面传值
    • 2.微信小程序中使用webview直接加载要注意哪些事项 并写一下webview中的页面怎么跳转回小程序
    • 3.小程序生命周期的理解以及其先后执行顺序
    • 4.请列举使用过的小程序的函数 并做简单介绍
    • 5.请写一下小程序实现给用户发送通知消息的步骤及实现方法
    • 6.bindtap与catchtap的区别
    • 7.简述小程序路由的实现方式
  • vue方面
    • 1.vue里钩子函数知道哪些
    • 2.``````
    • 3.路由父子传值如何进行的 及其它的传值方式
    • 4.vue组件传值 了解或使用过的有哪些(8种)
    • 5.vue里钩子函数知道哪些
    • 6.vue 双向数据绑定原理
    • 7.vue有两种路由模式
    • 8.vue SPA单页面的优缺点
    • 9.jquery 原生与vue 开发区别
    • 10.如何搭建一个vue项目 在做整个项目中还做过哪些优化的工作
    • 11.vue的监听、计算属性、methods的区别
    • 12.MVVM设计模式
    • 13.data(){}为什么是一个函数而不是一个对象
    • 14.底层数据发生改变 视图没有更新 如何解决
    • 15.created和mounted区别
    • 16.vue如何解决跨域问题
    • 17.v-if和v-show区别
    • 18.vue常用的修饰符用过哪些
    • 19.vue-router有哪几种路由守卫
    • 20. v-if和v-for在一起使用的弊端及解决方法
  • js与es6
    • 1.数组方法 some方法 reduce方法
    • 2.获取数组最大值
    • 3.深拷贝与浅拷贝的实现方法
    • 4.数组的处理方式及区别 说几个常用的es6语法
    • 5.promise实现原理 有哪些状态及含义 解决了什么问题 与传统的异步 async await有什么区别
    • 6.闭包
    • 7.Map函数
    • 8.class类封装
    • 9.实现继承的方法
    • 10.import与require引入方法区别
    • 11.diff算法相关原理 实现 发生在哪个阶段(协调阶段) 三个限制(同级、同类型、key)
    • 12.ECMA标准从提案到发布有几个阶段 哪个阶段是里程碑的
    • 13.从递到归的过程(涉及深度优先广度优先)
    • 14.eslint在提交的时候会对代码进行校验 原理是什么 如何阻止提交的
    • 15.说出至少五个es6新特性及其作用
    • 16.箭头函数与普通函数的区别 this指向问题
    • 17.原型与原型链
  • CSS
    • 1.样式 布局方式 用哪种 双飞翼布局(实现)
    • 2.div 水平垂直居中问题
    • 3.高度塌陷 引起方式 解决方案
    • 4.盒模型 分别包含哪些元素(2种 标准和IE)
    • 5.BFC原理 触发条件
    • 5.position的几个值(5个)
    • 6.transition和animation的区别
    • 7.flex布局
  • 浏览器及性能优化方面
    • 1.浏览器渲染原理
    • 2.例如首屏加载慢 做过哪些优化 针对哪些性能方面 做过哪些优化
    • 3.浏览器的事件流(事件轮询) 宏任务 微任务
    • 4.页面回流与重绘
    • 5.处理跨域方法(知道 用过哪些 以及优缺点)
    • 6.防抖和节流
    • 7.请描述下cookies、sessionStorage、localStorage的区别
    • 8.如何实现浏览器内多个标签页之间的通信
    • 9.做过的项目适配过哪些浏览器 这些浏览器的内核分别是什么
    • 10.请介绍一下H5有哪些新特性 如何让低版本的IE支持HTML5新标签
    • 11.webSocket如何兼容低版本浏览器
    • 12.输入url地址按下回车发生了什么
  • 其它
    • 1.项目中主要担任的角色
    • 2.封装一个弹窗组件 做法
    • 3.封装过哪些复杂的组件
    • 4.如何确认后端接口的正确性

微信小程序

1.微信小程序如何页面传值

1.页面传值:通过路由的url带参数;
2.页面栈传值:getCurrentPages();
注意:不要在 App.onLaunch 的时候调用 getCurrentPages(),此时 page 还没有生成;
3.通过缓存传值:wx.setStorageSync(“key”,“value”)存值;wx.getStorageSync(“key”)取值;
4.通过全局globalData:在 app.js 中定义全局变量,在其他页面获取;

2.微信小程序中使用webview直接加载要注意哪些事项 并写一下webview中的页面怎么跳转回小程序

3.小程序生命周期的理解以及其先后执行顺序

onLoad: 首次进入页面加载时触发
onShow: 只要进入当前页面就触发
onReady: 页面首次渲染完成后触发
onHide: 页面从前台变为后台时触发
onUnload: 页面销毁时触发

4.请列举使用过的小程序的函数 并做简单介绍

1.路由:wx.switchTab({});wx.navigateTo({})等;
2.交互:wx.showToast({})显示消息提示框等;
3.缓存:wx.setStorageSync({});wx.getStorageSync(string key);

5.请写一下小程序实现给用户发送通知消息的步骤及实现方法

6.bindtap与catchtap的区别

虽然都是点击事件 但是bindtap不会阻止事件冒泡 catchtap会阻止事件冒泡
不明白事件冒泡和事件捕获的可以去了解一下

7.简述小程序路由的实现方式

vue方面

1.vue里钩子函数知道哪些

2.

3.路由父子传值如何进行的 及其它的传值方式

4.vue组件传值 了解或使用过的有哪些(8种)

5.vue里钩子函数知道哪些

6.vue 双向数据绑定原理

7.vue有两种路由模式

8.vue SPA单页面的优缺点

9.jquery 原生与vue 开发区别

10.如何搭建一个vue项目 在做整个项目中还做过哪些优化的工作

11.vue的监听、计算属性、methods的区别

12.MVVM设计模式

13.data(){}为什么是一个函数而不是一个对象

14.底层数据发生改变 视图没有更新 如何解决

15.created和mounted区别

16.vue如何解决跨域问题

17.v-if和v-show区别

18.vue常用的修饰符用过哪些

19.vue-router有哪几种路由守卫

20. v-if和v-for在一起使用的弊端及解决方法

js与es6

1.数组方法 some方法 reduce方法

2.获取数组最大值

3.深拷贝与浅拷贝的实现方法

4.数组的处理方式及区别 说几个常用的es6语法

5.promise实现原理 有哪些状态及含义 解决了什么问题 与传统的异步 async await有什么区别

6.闭包

7.Map函数

8.class类封装

9.实现继承的方法

10.import与require引入方法区别

11.diff算法相关原理 实现 发生在哪个阶段(协调阶段) 三个限制(同级、同类型、key)

12.ECMA标准从提案到发布有几个阶段 哪个阶段是里程碑的

13.从递到归的过程(涉及深度优先广度优先)

14.eslint在提交的时候会对代码进行校验 原理是什么 如何阻止提交的

15.说出至少五个es6新特性及其作用

16.箭头函数与普通函数的区别 this指向问题

17.原型与原型链

CSS

1.样式 布局方式 用哪种 双飞翼布局(实现)

2.div 水平垂直居中问题

3.高度塌陷 引起方式 解决方案

4.盒模型 分别包含哪些元素(2种 标准和IE)

5.BFC原理 触发条件

5.position的几个值(5个)

6.transition和animation的区别

7.flex布局

浏览器及性能优化方面

1.浏览器渲染原理

2.例如首屏加载慢 做过哪些优化 针对哪些性能方面 做过哪些优化

3.浏览器的事件流(事件轮询) 宏任务 微任务

4.页面回流与重绘

5.处理跨域方法(知道 用过哪些 以及优缺点)

6.防抖和节流

7.请描述下cookies、sessionStorage、localStorage的区别

8.如何实现浏览器内多个标签页之间的通信

9.做过的项目适配过哪些浏览器 这些浏览器的内核分别是什么

10.请介绍一下H5有哪些新特性 如何让低版本的IE支持HTML5新标签

11.webSocket如何兼容低版本浏览器

12.输入url地址按下回车发生了什么

1.输入url地址后,首先进行DNS解析,将相应的域名解析为IP地址;
2.客户端根据IP地址去寻找相应的服务器;
3.与服务器进行TCP的三次握手;

其它

1.项目中主要担任的角色

2.封装一个弹窗组件 做法

3.封装过哪些复杂的组件

4.如何确认后端接口的正确性

后期会一点一点把答案补上去

你可能感兴趣的:(面经,前端)