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