得益于 Vue 的響應(yīng)式系統(tǒng)和虛擬 DOM 系統(tǒng)，Vue 在渲染組件的過程中能自動(dòng)追蹤數(shù)據(jù)的依賴闹炉，并精確知曉數(shù)據(jù)更新的時(shí)候哪個(gè)組件需要重新渲染蒿赢，渲染之后也會(huì)經(jīng)過虛擬 DOM ...
發(fā)簡(jiǎn)信
IP屬地：浙江
-
Vue 性能優(yōu)化
-
VUE diff算法源碼(簡(jiǎn)化)解析Vue.js將DOM抽象成一個(gè)以JavaScript對(duì)象為節(jié)點(diǎn)的虛擬DOM樹，以VNode節(jié)點(diǎn)模擬真實(shí)DOM渣触，可以對(duì)這顆抽象樹進(jìn)行創(chuàng)建節(jié)點(diǎn)羡棵、刪除節(jié)點(diǎn)以及修改節(jié)點(diǎn)等操作，在這過...
-
Vue3 為什么要用 Proxy 代替 Object.defineProperty 實(shí)現(xiàn)響應(yīng)式
Object.defineProperty 劫持?jǐn)?shù)據(jù) 只是對(duì)對(duì)象的屬性進(jìn)行劫持 無法監(jiān)聽新增屬性和刪除屬性需要使用 vue.set, vue.delete 深層對(duì)象的劫持需要...
-
async 和 await
async 和 await 是 ES2016 新增兩個(gè)關(guān)鍵字觉至，它們借鑒了 ES2015 中生成器在實(shí)際開發(fā)中的應(yīng)用剔应，目的是簡(jiǎn)化 Promise api 的使用，并非是替代 P...
-
手?jǐn)]簡(jiǎn)化版VUE響應(yīng)式實(shí)現(xiàn)源碼
響應(yīng)式原理Vue 遍歷data對(duì)象所有的 property语御，并使用 Object.defineProperty 把這些 property 全部轉(zhuǎn)為 getter/setter...
-
瀏覽器事件循環(huán)與node事件循環(huán)瀏覽器事件循環(huán) 瀏覽器宿主環(huán)境中包含5個(gè)線程：JS引擎：負(fù)責(zé)執(zhí)行執(zhí)行棧的最頂部代碼GUI線程：負(fù)責(zé)渲染頁面事件監(jiān)聽線程：負(fù)責(zé)監(jiān)聽各種事件計(jì)時(shí)線程：負(fù)責(zé)計(jì)時(shí)網(wǎng)絡(luò)線程：負(fù)責(zé)網(wǎng)絡(luò)通...
-
nextTick為什么在Promise then之前執(zhí)行
一段代碼 控制臺(tái)依次打泳： b xxx 為什么會(huì)先打印b再打印xxx呢？nextTick不也是優(yōu)先用Promise實(shí)現(xiàn)的嘛应闯？既然都是進(jìn)微隊(duì)列那么這個(gè)現(xiàn)象怎么解釋纤控？ vm.m...
-
兩欄布局必掌握實(shí)現(xiàn)方式（超簡(jiǎn)單）
兩欄布局實(shí)現(xiàn) 實(shí)現(xiàn)效果：左邊固定，右邊自適應(yīng)實(shí)現(xiàn)三部曲：左浮動(dòng)碉纺，右溢出隱藏船万，外盒子清除浮動(dòng) 看效果： 做常用的，也是必須掌握的兩欄布局就完成了骨田。 解釋效果實(shí)現(xiàn)原理：left左...
