請用 10 歲小孩能懂的方式,解釋 Virtual DOM 觀念
當然可以!以下是一個 10 歲小孩也能懂的方式來解釋 Virtual DOM(虛擬 DOM) 是什麼:
🎨 想像你在畫畫一棵樹
你有一張畫紙(這是網頁上的畫面),你正在畫一棵樹 🌳。
有一天你想把樹的葉子從綠色換成黃色,因為是秋天了 🍂。
做法一:
你把整棵樹擦掉,重新畫一棵新的黃色葉子樹。🧽✏️ 這樣很花時間,而且很累對吧?
做法二(更聰明的做法):
你先在一張透明的描圖紙上畫一樣的樹,看看哪裡需要改,發現「只要把葉子塗黃就好!」然後你只改葉子的顏色,其他部分都不動,畫起來又快又省力...
sunpochin.hashnode.dev2 min read