元件化方面
1.什麼是模組化:
是從**的角度來進行分析的;把一些可復用的**,抽離為單個的模組;便於專案的維護和開發;
2.什麼是元件化:
是從ui介面的角度 來進行分析的;把一些可復用的ui元素,抽離為單獨的元件;便於專案的維護和開發;
3.元件化的好處:
隨著專案規模的增大,手裡的元件越來越多;很方便就能把現有的元件,拼接為乙個完整的頁面;
4.vue是如何實現元件化的:
通過.vue檔案,來建立對應的元件;
template 結構
script 行為
style 樣式
5.react如何實現狀態化:
react中有元件化的概念,但是,並沒有像vue這樣的元件模板檔案;react
中,一切都是以js來表現的;因此要學習react,js要合格;es6和es7要會用;
虛擬dom
dom的本質:瀏覽器中的概念,用js物件來表示頁面上的元素,並提供了操作dom物件的api;
什麼是react中的虛擬dom:用js物件來模擬頁面上的dom和dom巢狀;
虛擬dom的目的:為了實現頁面中,dom元素的高效更新;
diff演算法
tree diff;
新舊兩顆dom樹,逐層對比的過程,就是tree diff;當整顆dom逐層對比完畢,則所有需要被按需更新的元素,必須能夠找到;
component diff;
在進行tree diff的時候,每一層中,元件級別的對比,叫做component diff;
如果對比前後,元件的型別相同,則暫時認為此元件不需要被更新;
如果對比前後,元件的型別不同,則需要移除舊元件,建立新元件,並追加到頁面上;
element diff;
在進行元件對比的時候,如果兩個元件型別相同,則需要進行 元素級別的對比,這叫做element diff;
react和vue的區別
資料是否可變 react整體是函式式的思想,把元件設計成純元件,狀態和邏輯通過引數傳入,所以在react中,是單向資料流,推崇結合immutable來實現資料不可變 vue的思想是響應式的,也就是基於是資料可變的,通過對每乙個屬性建立watcher來監聽,當屬性變化的時候,響應式的更新對應的虛擬do...
vue和react的區別之我見
react和vue都是做元件化的,整體的功能都類似,但是他們的設計思路是有很多不同的。使用react和vue,主要是理解他們的設計思路的不同。react整體是函式式的思想,把元件設計成純元件,狀態和邏輯通過引數傳入,所以在react中,是單向資料流,推崇結合immutable來實現資料不可變。rea...
vue和react的區別之我見
react和vue都是做元件化的,整體的功能都類似,但是他們的設計思路是有很多不同的。使用react和vue,主要是理解他們的設計思路的不同。react整體是函式式的思想,把元件設計成純元件,狀態和邏輯通過引數傳入,所以在react中,是單向資料流,推崇結合immutable來實現資料不可變。rea...