前端面試彙總VUE(二)

11.vue 虛擬DOM的理解vue

Web界面由DOM樹(樹的意思是數據結構)來構建,當其中一部分發生變化時,其實就是對應某個DOM節點發生了變化,        
虛擬DOM就是爲了解決瀏覽器性能問題而被設計出來的。如前,若一次操做中有10次更新DOM的動做,虛擬DOM不會當即操做DOM,而是將這10次更新的diff內容保存到本地一個JS對象中,最終將這個JS對象一次性attch到DOM樹上,再進行後續操做,避免大量無謂的計算量。因此,用JS對象模擬DOM節點的好處是,頁面的更新能夠先所有反映在JS對象(虛擬DOM)上,操做內存中的JS對象的速度顯然要更快,等更新完成後,再將最終的JS對象映射成真實的DOM,交由瀏覽器去繪製。

採用了新舊DOM的對比,獲取差別的DOM,最後一次性的更新到真實DOM上。

12.vue的kepp-alive瀏覽器

13.watch和計算屬性數據結構

14.自定義指令性能

15.組件之間的通訊設計

相關文章
相關標籤/搜索