玉溪网站前端设计面试需要问些什么,Web前端面试问什么

如果想成功成为Web前端工程师,高薪就业,不仅要掌握Web技能,还要知道面试技巧和面试时常见的面试问题,为面试做准备。 小科今天想整理5个前端常见面试问题和答案的解析,为你的Web前端学习和面试提供参考。

Web前端面试问什么?2020Web前端常见面试题及答案

开始上课吧。 Web前端的问题和答案

Web前端面试题1:vue有什么生命周期?new Vue到vm.$destory的经历了什么

分析:生命周期:

初始化阶段: beforeCreate和create

装载阶段: beforeMount和mounted

更新阶段:论坛更新和更新

卸载阶段:烘焙和卸载

流程:

在new Vue ()之后,首先初始化事件和生命周期,然后执行beforeCreate生命周期挂接。 这个钩子里还有this.$el和this.$data `;

接着往下走,初始化inject,检测data的数据。 也就是说,双向绑定。

接着执行**create挂接函数**。 在这个钩子里可以得到this.$data,但是this.$el `; 初始化阶段到此结束。

然后进入模板编译阶段。 在这个阶段首先判断是否有el选项。 如果有则进入下一步,如果没有则呼叫VM.$mount(El )。

接着,判断有无template选项,在有的情况下将template提供的模板编译到render函数中; 如果没有,请使用el选项选择模板; 在这个编译阶段结束。 (温馨提示:这个阶段只能在完整版的Vue.js中经历。 也就是说,这是在cmd中引入的方法。在单页面APP中没有这个编译阶段。 由于vue-loader是预先编译的,因此单页面中使用的vue.js是运行时版本)。

编译完模板后(这里说的是完整版,如果是运行时版本,则在初始化阶段结束后马上进入装载阶段),进入装载阶段。 阶段先挂或者(**触发器beforeMount**挂钩,这个挂钩里只能拿到this.$data,还是this.$el; `

**执行**mounted挂钩**,在此挂钩中输入this.$el和this.$data `; 这个装载阶段已经结束了,整个实例也已经装载了。

一旦数据发生变化,将进入更新阶段。 首先触发before更新挂钩,然后触摸更新挂钩。 在此阶段中,将重新计算并生成新的Vnode,patch函数中的diff算法将将新生成的Vnode与缓存中的旧Vnode进行匹配,最后将差异更新为视图。

当调用vm.$destory时,将进入卸载阶段。 在此阶段中,首先启动beforeDestory挂钩,然后启动destoryed挂钩。 在此阶段,Vue将从父组件中删除自身,取消实例上的所有跟踪,并删除所有事件侦听。

Vue的整个生命周期在这里结束。

Web前端面试题2:Vue中$route和$router的区别?

解决方案:“$route”是一个“根信息对象”,包含路径、参数、散列、查询、完整路径、匹配和名称等根信息参数。

$router是“路由实例”对象,包含路由跳转方法、挂接函数等。

Web前端面试题3:Vue中computed和watch的区别?

解析: computed是计算属性,依赖于其他属性计算值。 另外,computed的值有缓存,只有在计算值发生了变更时才会返回内容。 watch如果感知到值的变化,就会执行回调,在回调内可以进行一些逻辑操作。

Web前端面试题4:虚拟DOM的优劣如何?

分析:优点:

保证性能的下限:虚拟DOM可以通过diff找到最小的差异,然后进行批处理。 这个操作比不手动优化要好,但性能比粗暴的DOM操作好得多,所以虚拟DOM可以保证性能的下限

DOM:无需手动操作虚拟DOM的diff和patch都是通过一次更新自动完成的,无需手动操作DOM,开发效率大幅提高

跨平台:虚拟DOM本质上是JavaScript对象,但DOM与平台密切相关,比虚拟DOM更容易进行服务器渲染、移动开发等跨平台操作。

缺点:

无法进行终极优化:在性能要求极高的APP应用中(如像VScode那样直接手动操作DOM进行极端的性能优化),虚拟DOM无法进行针对性的终极优化

Web前端面试题5:虚拟 DOM 的优缺点?

的好处:

保证性能下限:框架的虚拟DOM必须适合上层API可能发生的操作,在其DOM操作的实现中必须是普遍的,因此其性能不是最佳的; 但是,比起粗暴的DOM操作,性能要好得多,所以框架的虚拟DOM至少不需要手动优化,也能保证依然提供好的性能。 也就是说,是保证性能的下限。 不需要手动操作DOM。 不需要手动操作DOM。 只需编写View-Model的代码逻辑。 框架基于虚拟DOM和数据双向绑定,以可预测的方式更新视图,从而大幅提高开发效率。 跨平台:虚拟DOM本质上是JavaScript对象,DOM与平台紧密相关,而虚拟DOM可以更轻松地进行服务器渲染等跨平台操作。

染色、weex开发等。

缺点:

无法进行终极优化:虽然虚拟DOM已经过合理优化,以满足大多数APP的性能要求,但有些性能要求极高的APP却无法实现针对性的终极优化。

找工作时,做好事前准备很重要,了解公司的行业和基本业务,了解平台页面的计算机语言形式,对该公司来说也很重要。 二是对个人专业能力有基本认识,了解个人不足,提前了解公司岗位需求,有针对性地完善个人能力。 从各平台找面试官仔细询问面试问题,做好事前准备。 祝大家面试顺利,找到理想的工作。

特别说明:以上内容的资料开讲吧。

Focus on the strength of the pithy专注极简的力量

PITHY CONTACT

一家没有销售的玉溪网站建设公司
我们特立独行

img/mail.png联系我们

PITHY CALL

如果您对我们的服务有什么疑问
欢迎来电咨询

电话
18868949445
img/top.svg
网站声明 | 隐私政策 | 网站地图 © 2018 MFweb. All rights reserved. Designed by玉溪网站制作玉溪网站设计公司玉溪网站建设公司