从0开始搭建基于 Nodejs 的 Vue 工程

何为 Vue.js

Vue.js 是一套构建用户的渐进式框架,将界面和其状态相互映射,这样当界面数据发生变化时,试图能够自动更新。Vue.js 本身只做了这一块,其他的 router、vuex 都是额外的插件。

渐进式框架:为不同复杂度的场景提供不同复杂度的工具集;就是说它为使用者提供了很多的可选择性,用户一上来就能使用,需要的时候,还能使用官方或者生态圈内的其他插件;

Virtual DOM

Virtual DOM 是实现 Vue.js 响应式更新试图的关键。这一点我们看 官方文档 就能发现。

那么 Virtual DOM 是一个什么东西呢?简单地说,Virtual DOM 就是用 JS 对象表示了整个 DOM 树。

算法实现

关于 Virtual DOM 的算法实现主要分为了三步:

  1. 将 DOM 树用 JS 对象来表示;
  2. 将改变后的 Virtual DOM 和原 Virtual DOM 进行对比(深度优先搜索),那么两颗树差异的地方就是改变了的地方;
  3. 将差异的地方应用到真正的 DOM 树上;

详见资料2;

资料

  1. Vue作者尤雨溪:Vue 2.0,渐进式前端解决方案
  2. 深度剖析:如何实现一个 Virtual DOM 算法
文章目录
  1. 何为 Vue.js
  2. Virtual DOM
    1. 算法实现
  3. 资料
|