接上文書
作為三大框架之一菇夸,vue自然有它的獨到之處琼富,今天就是來繼續(xù)說一下vue在面試時會有哪些經(jīng)常遇到的問題,陷阱之類的注意事項庄新。話不多說鞠眉,干貨奉上薯鼠。
3. Vue1.x 的設(shè)計理念是什么?2.x 的呢械蹋?(58 同城)
Vue1.x 設(shè)計理念
a) 早期 Vue 是采用數(shù)據(jù)綁定出皇、依賴收集的方式去觀察數(shù)據(jù)變化并保留對實際DOM 元素的引用,當(dāng)有數(shù)據(jù)變化時進(jìn)行對應(yīng)的操作哗戈。
b) 少量數(shù)據(jù)更新對比 Virtual DOM 性能更好郊艘,壞處是大量數(shù)據(jù)更新、初始渲染性能唯咬、對比 Virtual DOM 性能更差
c) 圖解:
Vue2.x 設(shè)計理念
- Vue2.0 引入了虛擬 dom
通過建立虛擬 dom 樹, document.createDocumentFragment()暇仲,方法創(chuàng)建虛擬 dom 樹。一旦被監(jiān)測的數(shù)據(jù)改變副渴,會通過 Object.defineProperty 定義的數(shù)據(jù)攔截奈附,截取到 數(shù)據(jù)的變化。
截取到的數(shù)據(jù)變化煮剧,從而通過訂閱——發(fā)布者模式斥滤,觸發(fā) Watcher(觀察者),從而改 變虛擬 dom 的中的具體數(shù)據(jù)。
最后勉盅,通過更新虛擬 dom 的元素值佑颇,從而改變最后渲染 dom 樹的值,完成雙向綁定草娜。
未完待續(xù).......
明天細(xì)說應(yīng)用
寫在最后
整理這個的是一些大企業(yè)的大佬挑胸,認(rèn)真地和他們學(xué)習(xí)了很多經(jīng)驗以及獲取了很多直觀的資料,現(xiàn)在全部拿出來奉獻(xiàn)給大家宰闰!想系統(tǒng)學(xué)習(xí)前端web的朋友茬贵,我都整理在文件中了,可以這邊的交流裙前面912移袍,中間629解藻,最后057,裙子里從學(xué)生到阿里大佬都有葡盗,資源給大家拉滿螟左,不見不散哦!