@虛擬dom / 博客 RSS 訂閱

Oct 11 2021

懟懟 - 【vue】虛擬DOM與Diff算法

虛擬DOM與Diff算法 虛擬DOM snabbdom Vue中的Diff算法 1 虛擬DOM 概述 VNode 1.1 概述 原生DOM為我們提供了一些獲取DOM元素以及操作DOM元素的API，可以對DOM元素進行增刪改查。 複雜的頁面狀態維護需要提前寫好大量的DOM操作，會造成狀態很難維護，代碼的邏輯也很混亂。 所以我們會使用數據驅動的方式進行視圖更新 - 數據與

vue.js , 虛擬dom , virtual-dom , diff

收藏 評論

Nov 27 2025

vivo互聯網技術 - 淺談 AI 搜索前端打字機效果的實現方案演進

作者：vivo 互聯網前端團隊 - He Yanjun 在當代前端開發領域，打字機效果作為一種極具創造力與吸引力的交互元素，被廣泛運用於各類網站和應用程序中，為用户帶來獨特的視覺體驗和信息呈現方式，深受廣大用户的喜愛。 本文將深入介紹在AI搜索輸出響應的過程中，打字機效果是怎樣逐步演進的。力求以通俗的語言和嚴謹的思路深入剖析打字機效果在不同階段的關鍵技術難點和優劣勢。 1分鐘看圖掌握核心

虛擬dom , HTML , 前端 , Javascript

收藏 評論

Apr 16 2024

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳，閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案，其原理是： 1.把真實的 DOM 樹轉換成 js 對象（虛擬 DOM） 2.數據更新時生成新的 js 對象（新的虛擬 DOM） 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

收藏 評論