HTML5前端高频面试题第十三波
日期:2018-07-15
来源:程序思维浏览:1169次
今天星期一了,昨天的面试题大家看了吗?今天找到工作了吗?如果没有就接着学习吧!

第一题:es6和es5的区别?
答:说出ES6的特点:1、let const。 2 、字符串模板 。3 、promise 。4 、class。 5、箭头函数。 6、解析结构。 7、数组和对象的新方法 ,比如 set assign。
第二题:webpack按需加载?
答:使用require.ensure做页面分割按需加载。
第三题:你常用的loader加载器有哪些?
答:一般在vue的webpack中配置,常见的'style-loader'css-loader less-loader babel-loader(解析ES6) json-loader vue-loader。
第四题:怎么理解promise(语法糖)?
答:Promise 是异步编程的一种解决方案,new Promise(function(resolve,reject){
if(/*异步操作成功*/){
resolve(value);
}else{
reject(error);
}
})或者通过生成对象后通过then的方法。
第五题:如何实现异步编程,有哪些方式?
答:现在比较常用的是promise。解释一下promise.原来比较多的是通过回调函数或者事件监听。
第六题:解释一下什么是vue实例?
答:类似创建一个vue对象。里面包含钩子函数,data,methods.computeds等。
第七题:vue组件有多少个生命周期?
答:总共10个。
1、beforeCreate
在实例初始化之后,数据观测和event/watcher时间配置之前被调用。
2、created
实例已经创建完成之后被调用。在这一步,实例已经完成以下的配置:数据观测,属性和方法的运算,watch/event事件回调。然而,挂载阶段还没开始,$el属性目前不可见。
3、beforeMount
在挂载开始之前被调用:相关的render函数首次被调用。
该钩子在服务器端渲染期间不被调用。
4、mounted
el被新创建的vm.$el替换,并挂在到实例上去之后调用该钩子函数。如果root实例挂载了一个文档内元素,当mounted被调用时vm.$el也在文档内。
该钩子在服务端渲染期间不被调用。
5、beforeUpdate
数据更新时调用,发生在虚拟DOM重新渲染和打补丁之前。
你可以在这个钩子中进一步第更改状态,这不会触发附加的重渲染过程。
该钩子在服务端渲染期间不被调用。
6、updated
由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子。
当这个钩子被调用时,组件DOM已经更新,所以你现在可以执行依赖于DOM的操作。然而在大多数情况下,你应该避免在此期间更改状态,因为这可能会导致更新无限循环。
该钩子在服务端渲染期间不被调用。
7、activated
keep-alive组件激活时调用。
该钩子在服务器端渲染期间不被调用。
8、deactivated
keep-alive组件停用时调用。
该钩子在服务端渲染期间不被调用。
9、beforeDestroy 【类似于React生命周期的componentWillUnmount】
实例销毁之间调用。在这一步,实例仍然完全可用。
该钩子在服务端渲染期间不被调用。
10、destroyed
Vue实例销毁后调用。调用后,Vue实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。
第八题:vue组件之间传递数据怎么实现,区别是什么?
答:1、分父子组件如何传值。2、 使用vuex。3、事件总线bus。4、本地存储传值。

第一题:es6和es5的区别?
答:说出ES6的特点:1、let const。 2 、字符串模板 。3 、promise 。4 、class。 5、箭头函数。 6、解析结构。 7、数组和对象的新方法 ,比如 set assign。
第二题:webpack按需加载?
答:使用require.ensure做页面分割按需加载。
第三题:你常用的loader加载器有哪些?
答:一般在vue的webpack中配置,常见的'style-loader'css-loader less-loader babel-loader(解析ES6) json-loader vue-loader。
第四题:怎么理解promise(语法糖)?
答:Promise 是异步编程的一种解决方案,new Promise(function(resolve,reject){
if(/*异步操作成功*/){
resolve(value);
}else{
reject(error);
}
})或者通过生成对象后通过then的方法。
第五题:如何实现异步编程,有哪些方式?
答:现在比较常用的是promise。解释一下promise.原来比较多的是通过回调函数或者事件监听。
第六题:解释一下什么是vue实例?
答:类似创建一个vue对象。里面包含钩子函数,data,methods.computeds等。
第七题:vue组件有多少个生命周期?
答:总共10个。
1、beforeCreate
在实例初始化之后,数据观测和event/watcher时间配置之前被调用。
2、created
实例已经创建完成之后被调用。在这一步,实例已经完成以下的配置:数据观测,属性和方法的运算,watch/event事件回调。然而,挂载阶段还没开始,$el属性目前不可见。
3、beforeMount
在挂载开始之前被调用:相关的render函数首次被调用。
该钩子在服务器端渲染期间不被调用。
4、mounted
el被新创建的vm.$el替换,并挂在到实例上去之后调用该钩子函数。如果root实例挂载了一个文档内元素,当mounted被调用时vm.$el也在文档内。
该钩子在服务端渲染期间不被调用。
5、beforeUpdate
数据更新时调用,发生在虚拟DOM重新渲染和打补丁之前。
你可以在这个钩子中进一步第更改状态,这不会触发附加的重渲染过程。
该钩子在服务端渲染期间不被调用。
6、updated
由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子。
当这个钩子被调用时,组件DOM已经更新,所以你现在可以执行依赖于DOM的操作。然而在大多数情况下,你应该避免在此期间更改状态,因为这可能会导致更新无限循环。
该钩子在服务端渲染期间不被调用。
7、activated
keep-alive组件激活时调用。
该钩子在服务器端渲染期间不被调用。
8、deactivated
keep-alive组件停用时调用。
该钩子在服务端渲染期间不被调用。
9、beforeDestroy 【类似于React生命周期的componentWillUnmount】
实例销毁之间调用。在这一步,实例仍然完全可用。
该钩子在服务端渲染期间不被调用。
10、destroyed
Vue实例销毁后调用。调用后,Vue实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。
第八题:vue组件之间传递数据怎么实现,区别是什么?
答:1、分父子组件如何传值。2、 使用vuex。3、事件总线bus。4、本地存储传值。
- 上一篇:WEB前端高频面试题第十二波
- 下一篇:HTML5前端高频面试题第十四波
精品好课