【精】vue高频面试题(二),学vue的朋友不要错过了抄袭必究

接上文书

作为三大框架之一,vue自然有它的独到之处,今天就是来继续说一下vue在面试时会有哪些经常遇到的问题,陷阱之类的注意事项。话不多说,干货奉上。

3. Vue1.x 的设计理念是什么?2.x 的呢?(58 同城)

Vue1.x 设计理念

a) 早期 Vue 是采用数据绑定、依赖收集的方式去观察数据变化并保留对实际DOM 元素的引用,当有数据变化时进行对应的操作。

b) 少量数据更新对比 Virtual DOM 性能更好,坏处是大量数据更新、初始渲染性能、对比 Virtual DOM 性能更差

c) 图解:

image

Vue2.x 设计理念

image
  1. Vue2.0 引入了虚拟 dom

通过建立虚拟 dom 树, document.createDocumentFragment(),方法创建虚拟 dom 树。一旦被监测的数据改变,会通过 Object.defineProperty 定义的数据拦截,截取到 数据的变化。

  1. 截取到的数据变化,从而通过订阅——发布者模式,触发 Watcher(观察者),从而改 变虚拟 dom 的中的具体数据。

  2. 最后,通过更新虚拟 dom 的元素值,从而改变最后渲染 dom 树的值,完成双向绑定。

未完待续.......

明天细说应用

写在最后
整理这个的是一些大企业的大佬,认真地和他们学习了很多经验以及获取了很多直观的资料,现在全部拿出来奉献给大家!想系统学习前端web的朋友,我都整理在文件中了,可以这边的交流裙前面912,中间629,最后057,裙子里从学生到阿里大佬都有,资源给大家拉满,不见不散哦!


你可能感兴趣的:(【精】vue高频面试题(二),学vue的朋友不要错过了抄袭必究)