當(dāng)數(shù)據(jù)發(fā)生改變時(shí),訂閱者watcher就會(huì)調(diào)用patch給真實(shí)的DOM打補(bǔ)丁通過(guò)isSameVnode進(jìn)行判斷,相同則調(diào)用patchVnode方法。 patchVnode做了...
當(dāng)數(shù)據(jù)發(fā)生改變時(shí),訂閱者watcher就會(huì)調(diào)用patch給真實(shí)的DOM打補(bǔ)丁通過(guò)isSameVnode進(jìn)行判斷,相同則調(diào)用patchVnode方法。 patchVnode做了...
手寫(xiě)發(fā)布訂閱 思路: 1、需要有一個(gè)list對(duì)象緩存訂閱事件2、訂閱(on)如果存在事件就往list里面緩存事件3、取消訂閱(off)從list對(duì)象找到訂閱事件刪除4、發(fā)布(...
一、JavaScript Map 和 Object 的區(qū)別(https://www.cnblogs.com/ysx215/p/11387938.html[https://ww...
Vue的渲染過(guò)程 我們從最簡(jiǎn)單的new Vue開(kāi)始: Vue在渲染的時(shí)候先調(diào)用原型上的_render函數(shù)將組件對(duì)象轉(zhuǎn)化成一個(gè)VNode實(shí)例;而_render是通過(guò)調(diào)用crea...
雙向數(shù)據(jù)綁定和單向數(shù)據(jù)流區(qū)別 單向數(shù)據(jù)綁定優(yōu)缺點(diǎn):優(yōu)點(diǎn):?jiǎn)蜗驍?shù)據(jù)流,所有狀態(tài)變化都可以被記錄、跟蹤,狀態(tài)變化通過(guò)手動(dòng)調(diào)用通知,源頭易追溯,沒(méi)有“暗箱操作”。同時(shí)組件數(shù)據(jù)只有唯...
vue和react的區(qū)別: 1、模板渲染方式的不同在表層上,模板的語(yǔ)法不同,React是通過(guò)JSX渲染模板。而Vue是通過(guò)一種拓展的HTML語(yǔ)法進(jìn)行渲染。在深層上,模板的原理...
1 、keep-alive是什么 keep-alive是一個(gè)抽象組件:它自身不會(huì)渲染一個(gè)DOM元素,也不會(huì)出現(xiàn)在父組件鏈中;使用keep-alive包裹動(dòng)態(tài)組件時(shí),會(huì)緩存不活...
由于Vue DOM更新是異步執(zhí)行的,即修改數(shù)據(jù)時(shí),視圖不會(huì)立即更新,而是會(huì)監(jiān)聽(tīng)數(shù)據(jù)變化,并緩存在同一事件循環(huán)中,等同一數(shù)據(jù)循環(huán)中的所有數(shù)據(jù)變化完成之后,再統(tǒng)一進(jìn)行視圖更新。為...
虛擬列表其實(shí)是按需顯示的一種實(shí)現(xiàn),即只對(duì)可見(jiàn)區(qū)域進(jìn)行渲染,對(duì)非可見(jiàn)區(qū)域中的數(shù)據(jù)不渲染或部分渲染的技術(shù),從而達(dá)到極高的渲染性能。https://juejin.cn/post/6...
1、watch和beforeUpdate,updated有什么不同? beforeUpdate鉤子函數(shù)和updated鉤子函數(shù)間的生命周期 當(dāng)vue發(fā)現(xiàn)data中的數(shù)據(jù)發(fā)生變...
前端性能優(yōu)化 離線存儲(chǔ)技術(shù):https://segmentfault.com/a/1190000000732617[https://segmentfault.com/a/11...
1)問(wèn)什么是垃圾 一般來(lái)說(shuō)沒(méi)有被引用的對(duì)象就是垃圾,就是要被清除, 有個(gè)例外如果幾個(gè)對(duì)象引用形成一個(gè)環(huán),互相引用,但根訪問(wèn)不到它們,這幾個(gè)對(duì)象也是垃圾,也要被清除。 2)如何...
什么是內(nèi)存管理 所謂內(nèi)存管理,是 js 從創(chuàng)建變量到垃圾回收的一個(gè)過(guò)程。 它的生命周期 分配你所需要的內(nèi)存(變量聲明的時(shí)候) 使用分配的內(nèi)存(讀,寫(xiě)) 不需要的時(shí)候回收(或者...
初次渲染就會(huì)觸發(fā)的生命周期 beforeCreate() , created()beforeMount() , mounted() 組件的調(diào)用順序都是先父后子,渲染完成的順序...
https://blog.csdn.net/weixin_33923148/article/details/91474284[https://blog.csdn.net/we...