手记

【九月打卡】第16天 虚拟DOM-diff算法概述

  • 课程名称:前端框架及项目面试 聚焦Vue3/React/Webpack

  • 课程章节: 虚拟DOM-diff算法概述

  • 主讲老师:双越

课程内容:

今天学习的内容包括:

虚拟DOM-diff算法概述

课程收获:

虚拟DOM-diff算法概述

以装修房子为例,如果我们仅需要在客厅新添一座沙发或者将卧室的床换个位置。那么将整个房子重新翻修显然是不切实际的,我们通常的做法是在原先装修的基础上做微小的改动即可。 对于 DOM 树来讲,也是同样的道理,如果仅仅是新增了一个标签或者修改了某一个标签的属性或内容。那么引起整个 DOM 树的重新渲染显然是对性能和资源的极大浪费,虽然我们的计算机每秒能进行上亿次的计算。实际上,我们只需要找出新旧 DOM 树存在差异的地方,只针对这一块区域进行重新渲染就可以了。 所以 Diff 算法应运而生,diff 取自 different (不同的),Diff算法的作用,总结来说,就是:精细化对比,最小量更新。




今天学习课程共用了35分钟,重新了解了一下vue基本知识点,这是我不知道第多少次决心补习面试题,希望能够坚持下去。

0人推荐
随时随地看视频
慕课网APP