接上文书
作为三大框架之一,vue自然有它的独到之处,今天就是来继续说一下vue在面试时会有哪些经常遇到的问题,陷阱之类的注意事项。话不多说,干货奉上。
3. Vue1.x 的设计理念是什么?2.x 的呢?(58 同城)
Vue1.x 设计理念
a) 早期 Vue 是采用数据绑定、依赖收集的方式去观察数据变化并保留对实际DOM 元素的引用,当有数据变化时进行对应的操作。
b) 少量数据更新对比 Virtual DOM 性能更好,坏处是大量数据更新、初始渲染性能、对比 Virtual DOM 性能更差
c) 图解:
Vue2.x 设计理念
- Vue2.0 引入了虚拟 dom
通过建立虚拟 dom 树, document.createDocumentFragment(),方法创建虚拟 dom 树。一旦被监测的数据改变,会通过 Object.defineProperty 定义的数据拦截,截取到 数据的变化。
截取到的数据变化,从而通过订阅——发布者模式,触发 Watcher(观察者),从而改 变虚拟 dom 的中的具体数据。
最后,通过更新虚拟 dom 的元素值,从而改变最后渲染 dom 树的值,完成双向绑定。
未完待续.......
明天细说应用
写在最后
整理这个的是一些大企业的大佬,认真地和他们学习了很多经验以及获取了很多直观的资料,现在全部拿出来奉献给大家!想系统学习前端web的朋友,我都整理在文件中了,可以这边的交流裙前面912,中间629,最后057,裙子里从学生到阿里大佬都有,资源给大家拉满,不见不散哦!