1. 首页
  2. 编程语言
  3. C++ 
  4. vue 虚拟DOM的原理

vue 虚拟DOM的原理

上传者: 2020-10-28 06:50:46上传 PDF文件 327.73KB 热度 9次

  如果对前端工作进行抽象的话,主要就是维护状态和更新视图,而更新视图和维护状态都需要DOM操作。其实近年来,前端的框架主要发展方向就是解放DOM操作的复杂性。  运行js的速度是很快的,大量的操作DOM就会很慢,时常在更新数据后会重新渲染页面,这样造成在没有改变数据的地方也重新渲染了DOM 节点,这样就造成了很大程度上的资源浪费。  利用在内存中生成与真实DOM与之对应的数据结构,这个在内存中生成的结构称之为虚拟DOM 。  当数据发生变化时,能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。  比较两棵DOM树的差异是 Virtual DOM 算法最核心的部分,这也是所谓的 Virtual DOM 的 diff 算法。但是在前端当中,你很少会跨越层级地移动DOM元素。

用户评论