Vue的diff算法详解和key作用(较详细)

在此,我准备先简单谈谈什么是dom和virtual dom,有助于后面diff算法的理解。 一. 那么什么是DOM? 在实际情况下,用户输入想要访问的网址在通过DNS解析后得到服务器地址,浏览器向服务器发起http请求,再经过tcp三次握手确认连接后服务器将需要的代码发回给浏览器,浏览器在接收代码后进行解析。 其中主要步骤:1.DOM构造 2.布局 3.渲染呈现 (在这之中也包括执行脚本js内容,但脚本可能需要访问或操作之前的HTML或样式,所以要等到先前的CSS节点构建完成) 1.DOM构造:由html解析器构建DOM树,DOM树是由浏览器由上到下,从左到右读取标签,把他们分解成节