Java教程

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

本文主要是介绍【九月打卡】第16天 虚拟DOM-diff算法概述，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

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

  • 主讲老师：双越

课程内容：

今天学习的内容包括：

虚拟DOM-diff算法概述

课程收获：

虚拟DOM-diff算法概述

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

图片描述
图片描述

图片描述

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




					

					

						

						
					

                    

                        这篇关于【九月打卡】第16天 虚拟DOM-diff算法概述的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
                    


                


                
                
 

                
                

                    

                        
您可能喜欢

                        
                    

                

                

            

             
            
            
            
        

        
        

        

            

                
栏目导航