用 JavaScript 對(duì)象結(jié)構(gòu)表示 DOM 樹(shù)的結(jié)構(gòu)疯搅；然后用這個(gè)樹(shù)構(gòu)建一個(gè)真正的 DOM 樹(shù)蔫耽， 插到文檔當(dāng)中 當(dāng)狀態(tài)變更的時(shí)候解幼，重新構(gòu)造一棵新的對(duì)象樹(shù)放仗。然后用新的樹(shù)和舊的樹(shù) 進(jìn)行比較润绎，記錄兩棵樹(shù)差異 把所記錄的差異應(yīng)用到所構(gòu)建的真正的 DOM 樹(shù)上，視圖就更新了。Virtual DOM 本質(zhì)上就是在 JS 和 DOM 之間做了一個(gè)緩存莉撇。
17-02：說(shuō)一下什么是 virtual dom
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門(mén)抚笔，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)扶认，“玉大人侨拦，你說(shuō)我怎么就攤上這事》觯” “怎么了狱从？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長(zhǎng)叠纹。 經(jīng)常有香客問(wèn)我季研，道長(zhǎng)，這世上最難降的妖魔是什么誉察？ 我笑而不...
- 正文 為了忘掉前任与涡，我火速辦了婚禮，結(jié)果婚禮上持偏，老公的妹妹穿的比我還像新娘驼卖。我一直安慰自己，他們只是感情好鸿秆，可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布酌畜。 她就那樣靜靜地躺著，像睡著了一般卿叽。 火紅的嫁衣襯著肌膚如雪桥胞。 梳的紋絲不亂的頭發(fā)上，一...
- 那天考婴，我揣著相機(jī)與錄音贩虾，去河邊找鬼。 笑死沥阱，一個(gè)胖子當(dāng)著我的面吹牛整胃，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播，決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼屁使，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼在岂！你這毒婦竟也來(lái)了？” 一聲冷哼從身側(cè)響起蛮寂，我...
- 序言：老撾萬(wàn)榮一對(duì)情侶失蹤蔽午，失蹤者是張志新（化名）和其女友劉穎，沒(méi)想到半個(gè)月后酬蹋，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體及老，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年范抓，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了骄恶。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布，位于F島的核電站偶惠，受9級(jí)特大地震影響春寿，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜忽孽，卻給世界環(huán)境...
- 文/蒙蒙 一绑改、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧兄一，春花似錦厘线、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至蹋盆，卻和暖如春费薄，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背栖雾。 一陣腳步聲響...
- 正文 我出身青樓召廷，卻偏偏與公主長(zhǎng)得像，于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子竞慢，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 參考文章：深度剖析：如何實(shí)現(xiàn)一個(gè)Virtual DOM 算法 作者：戴嘉華React中一個(gè)沒(méi)人能解釋清楚的問(wèn)題——...
- 目錄： 1 前言 2 對(duì)前端應(yīng)用狀態(tài)管理思考 3 Virtual DOM 算法 4 算法實(shí)現(xiàn)4.1 步驟一：用JS...
- 聲明：本文copy自深度剖析：如何實(shí)現(xiàn)一個(gè) Virtual DOM 算法-戴嘉華先紫，留做記錄已做日后溫習(xí) 目錄： 1...
- Virtual DOM 算法: 用 JavaScript 對(duì)象結(jié)構(gòu)表示 DOM 樹(shù)的結(jié)構(gòu)；然后用這個(gè)樹(shù)構(gòu)建一個(gè)真正...
- React的貢獻(xiàn)在于它提出的組件化筹煮、虛擬DOM遮精、幫助整個(gè)前端進(jìn)入工程化、將函數(shù)式編程的思想帶給前端败潦。這里記錄一下學(xué)...
