1.1. React****簡(jiǎn)介
1.1.1. 官網(wǎng)
英文官網(wǎng): https://reactjs.org/
中文官網(wǎng): https://react.docschina.org/
1.1.2. 介紹描述
用于動(dòng)態(tài)構(gòu)建用戶界面的JavaScript 庫(kù)(只關(guān)注于視圖)
由Facebook開源
1.1.3. React****的特點(diǎn)
聲明式編碼
組件化編碼
React Native 編寫原生應(yīng)用
高效(優(yōu)秀的Diffing算法)
1.1.4. React****高效的原因
使用虛擬(virtual)DOM, 不總是直接操作頁(yè)面真實(shí)DOM。
DOM Diffing算法, 最小化頁(yè)面重繪。
1.2.2.相關(guān)js庫(kù)
1.react.js:React核心庫(kù)。
2.react-dom.js:提供操作DOM的react擴(kuò)展庫(kù)。
3.babel.min.js:解析JSX語(yǔ)法代碼轉(zhuǎn)為JS代碼的庫(kù)。
js下載地址:
通過(guò)百度網(wǎng)盤分享的文件:react全家桶資料.zip
鏈接:https://pan.baidu.com/s/1FvuLZpct3J7vGWUeDsjfFg?pwd=ivk1
提取碼:ivk1
1.4.模塊與組件、模塊化與組件化的理解
1.4.1.模塊
1.理解:向外提供特定功能的js程序, 一般就是一個(gè)js文件
2.為什么要拆成模塊:隨著業(yè)務(wù)邏輯增加,代碼越來(lái)越多且復(fù)雜。
3.作用:復(fù)用js, 簡(jiǎn)化js的編寫, 提高js運(yùn)行效率
1.4.2.組件
1.理解:用來(lái)實(shí)現(xiàn)局部功能效果的代碼和資源的集合(html/css/js/image等等)
2.為什么要用組件: 一個(gè)界面的功能更復(fù)雜
3.作用:復(fù)用編碼, 簡(jiǎn)化項(xiàng)目編碼, 提高運(yùn)行效率
1.4.3.模塊化
當(dāng)應(yīng)用的js都以模塊來(lái)編寫的, 這個(gè)應(yīng)用就是一個(gè)模塊化的應(yīng)用
1.4.4.組件化
當(dāng)應(yīng)用是以多組件的方式實(shí)現(xiàn), 這個(gè)應(yīng)用就是一個(gè)組件化的應(yīng)用
組件化分為函數(shù)式組件和類式組件,開發(fā)中用的最多的是類式組件