2022前端面试题

最新推荐文章于 2022-07-25 17:44:22 发布

zykzykzyk12342

最新推荐文章于 2022-07-25 17:44:22 发布

阅读量224

点赞数 1

文章标签：前端面试职场和发展

本文链接：https://blog.csdn.net/m0_61928816/article/details/124675807

版权

本文探讨了前端面试中的热门框架Vue.js，详细阐述了Vue的优点，如轻量级、速度快、易学性等，并解释了Vue的双向数据绑定原理，涉及Object.defineProperty()方法。此外，还解析了在Vue列表组件中使用key的目的，强调了key对于DOM操作的准确性与效率提升。通过这些关键知识点，无论面试者还是面试官都能深入理解Vue的核心概念。

摘要由CSDN通过智能技术生成

写在前面

CSDN话题挑战赛第1期

活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f
参赛话题：前端面试宝典
话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的solo面试官，如果你是面试官：你就可以将应聘者拷问到骨子里！
总之我们大家一起将自己的面试经验以及学习到的知识点汇聚于此，形成一套体系的前端面试宝典。让读者无论是面试还是学习都能够有非常大的收获。就让我们携手共筑前端面试宝典吧！！！
创作模板：

vue优点是什么？

考点

vue

答案

轻量级
速度快
简单易学
低耦合
可重用性
独立开发
文档齐全，且文档为中文文档

扩展

目前市场三大前端主流框架分别是Angular、React和Vue。Vue之所以被开发者青睐，主要是Vue乘承了Angular和React框架两者的优势，并且Vue的代码简洁、上手容易，在市场上也得到大量应用。

vue在双向数据绑定是如何实现的？

考点

vue双向数据绑定

答案

vue双向数据绑定是通过数据劫持、组合、发布订阅模式的方式来实现的，也就是说数据和视图同步，数据发生变化，视图跟着变化，视图变化，数据也随之发生改变

核心：关于vue双向数据绑定，其核心是Object.defineProperty()方法

扩展

Vue是一个MVVM框架，数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化，这也算是Vue的精髓之处。尤其是在进行表单处理时，Vue的双向数据绑定非常方便。

Vue 项目中为什么要在列表组件中写 key，其作用是什么？

考点

列表组件

答案

key是给每一个vnode的唯一id,可以依靠key,更准确, 更快的拿到oldVnode中对应的vnode节点。

更准确
因为带key就不是就地复用了，在sameNode函数 a.key === b.key对比中可以避免就地复用的情况。所以会更加准确。
更快
利用key的唯一性生成map对象来获取对应节点，比遍历方式更快。

扩展

说到底，key的作用就是更新组件时判断两个节点是否相同。相同就复用，不相同就删除旧的创建新的。

写在最后

CSDN话题挑战赛第1期

活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f