[vue] 什么是虚拟DOM?
生活随笔
收集整理的這篇文章主要介紹了
[vue] 什么是虚拟DOM?
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
[vue] 什么是虛擬DOM?
虛擬 dom 是相對(duì)于瀏覽器所渲染出來(lái)的真實(shí) dom 的,在react,vue等技術(shù)出現(xiàn)之前,我們要改變頁(yè)面展示的內(nèi)容只能通過(guò)遍歷查詢 dom 樹(shù)的方式找到需要修改的 dom 然后修改樣式行為或者結(jié)構(gòu),來(lái)達(dá)到更新 ui 的目的。這種方式相當(dāng)消耗計(jì)算資源,因?yàn)槊看尾樵?dom 幾乎都需要遍歷整顆 dom 樹(shù),如果建立一個(gè)與 dom 樹(shù)對(duì)應(yīng)的虛擬 dom 對(duì)象( js 對(duì)象),以對(duì)象嵌套的方式來(lái)表示 dom 樹(shù),那么每次 dom 的更改就變成了 js 對(duì)象的屬性的更改,這樣一來(lái)就能查找 js 對(duì)象的屬性變化要比查詢 dom 樹(shù)的性能開(kāi)銷小。個(gè)人簡(jiǎn)介
我是歌謠,歡迎和大家一起交流前后端知識(shí)。放棄很容易,
但堅(jiān)持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關(guān)前端面試題
總結(jié)
以上是生活随笔為你收集整理的[vue] 什么是虚拟DOM?的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 汉字转拼音(同音异形)-工具
- 下一篇: [vue] vue变量名如果以_、$开头