Name: Webpack+react全家桶開發穀粒後台項目
Uploaded: 2021-11-08T15:38:22+8:00
Duration: 4029 min 22 s
Description: webpack的核心概念 Entry：入口，Webpack進行打包的起始點(檔) Output：輸出，webpack編譯打包產生的bundle(打包檔) Loader：模組載入(轉換)器，將非js、非json模組包裝成webpack能理解的js模組 Plugin：插件，在 Webpack 建置流程中的特定時機插入具有特定功能的程式碼

第1章第一章: 建置工具簡介
16分鐘35秒; webpack簡介
25分鐘47秒; webpack小試牛刀
44分鐘32秒; 使用webpack設定檔
15分鐘49秒; less-loader解析less
30分鐘28秒; eslint-loader語法檢查
27分鐘11秒; js語法轉換
18分鐘40秒; js新語法按需引入
19分鐘42秒; url-loader解析樣式中的圖片
25分鐘24秒; 打包html文件
09分鐘39秒
第2章第二章: 打包html中圖片資源
05分鐘28秒; 打包其他資源
15分鐘38秒; 自動編譯打包運行
23分鐘48秒; HMR（熱模替換）
13分鐘05秒; devtool映射技術
13分鐘09秒; 準備生產環境
19分鐘15秒; 清除打包檔案目錄
06分鐘54秒; 提取css成單獨文件
12分鐘31秒; css檔案的相容性處理
21分鐘43秒; 壓縮css
07分鐘43秒
第3章第三章: 壓縮html
12分鐘04秒; vscode編譯器的使用
35分鐘20秒; react簡介
32分鐘32秒; hello-react
26分鐘35秒; 虛擬DOM的兩種創建方式
26分鐘57秒; 幾個小問題說明
11分鐘06秒; jsx語法規則
09分鐘55秒; jsx的小練習
26分鐘05秒; 組件的兩種創建方式
39分鐘58秒; 複習
27分鐘28秒
第4章第四章: 組件三大屬性之state
43分鐘42秒; state的簡寫方式
11分鐘16秒; 組件三大屬性之props
35分鐘01秒; props傳遞標籤屬性簡化寫法
12分鐘42秒; 組件三大屬性之ref&事件處理
21分鐘20秒; ref新語法
20分鐘49秒; 複習
18分鐘15秒; todolist實作靜態元件
14分鐘39秒; todolist動態展示數據
11分鐘41秒; 完成todolist
20分鐘04秒
第5章第五章: 受控組件與非受控組件
21分鐘42秒; 組件的聲明週期
49分鐘40秒; 複習
28分鐘00秒; 關於forceUpdate與willRecriveProps
18分鐘59秒; getDerivedStateFromProps
28分鐘10秒; getSnapshotBeforeUpdate
19分鐘11秒; 驗證diff演算法
13分鐘21秒; key的作用
37分鐘05秒; react腳手架的下載
26分鐘12秒; react鷹架的簡單說明
12分鐘38秒
第6章第六章: react鷹架詳細說明
39分鐘51秒; 一個簡單的組件組合
28分鐘41秒; 評論案例—靜態頁面
31分鐘18秒; 使用者評論案例—動態初始化
26分鐘04秒; 用戶評論案例—增加評論
24分鐘44秒; 使用者評論案例—完成交互
27分鐘36秒; 用戶評論—第二版
29分鐘39秒; axios練習
47分鐘03秒; fetch的簡單練習
51分鐘30秒; github搜尋案例—靜態頁面
16分鐘08秒
第7章第七章: github搜尋案例—發送請求
25分鐘24秒; github搜尋案例—完成交互
18分鐘06秒; 複習
21分鐘35秒; github搜尋案例—pubsub版
33分鐘07秒; react組件間通訊方式
09分鐘15秒; 路由的簡介
29分鐘42秒; 基本路由使用
26分鐘25秒; 基本路由的詳細說明
31分鐘59秒; 二級路由的搭建（一）
19分鐘33秒; 複習
25分鐘42秒
第8章第八章: 二級路由的搭建（二）
35分鐘27秒; 路由組件傳參
43分鐘19秒; 編程式路由導航
18分鐘45秒; antd的簡單使用
23分鐘48秒; 複習
46分鐘00秒; 資料夾介紹－專案效果演示
18分鐘56秒; 回顧git
11分鐘09秒; 專案技術選型
23分鐘49秒; 使用create-react-app建立應用
14分鐘38秒; 配置antd樣式的按需引入
17分鐘07秒
第9章第九章: antd自訂主題
10分鐘27秒; 搭建login與admin路由
12分鐘48秒; login靜態頁面
23分鐘38秒; antd的From組件-靜態
23分鐘39秒; 使用者名稱的聲明式驗證
32分鐘43秒; 密碼的自訂驗證
14分鐘22秒; 登入表單的統一驗證
11分鐘41秒; 高階組件&高階函數
12分鐘39秒; 複習
30分鐘23秒; 準備redux分支
10分鐘00秒
第10章第十章: redux互動模型簡介
10分鐘13秒; redux原理圖詳解
27分鐘07秒; 案例-react版
18分鐘42秒; 案例-redux-無action版
41分鐘53秒; 案例-redux最終版
12分鐘15秒; react-redux的簡介
10分鐘54秒; 案例-react-redux（第一版）
48分鐘04秒; 案例-react-redux（第二版）
15分鐘48秒; react-redux非同步編程
25分鐘23秒; redux調試工具的使用
10分鐘36秒
第11章第十一章: react-redux的模組化編碼
34分鐘59秒; 複習
47分鐘03秒; 搭建redux開發環境
38分鐘43秒; API介面及測試
30分鐘35秒; 配置代理解決跨域問題
24分鐘47秒; post請求json形式編碼參數
25分鐘51秒; 使用axios請求攔截器
26分鐘37秒; 使用axios回應攔截器
15分鐘03秒; 配置專案基本路徑
07分鐘25秒; 請求進度條效果
08分鐘08秒
第12章第十二章: 把伺服器回傳的user資訊交給redux管理
28分鐘08秒; 自動登入
23分鐘30秒; 登出登入功能
07分鐘54秒; 複習
28分鐘45秒; 裝飾器語法
24分鐘30秒; token驗證
36分鐘03秒; Admin整體佈置搭建
22分鐘30秒; Admin子路由搭建
23分鐘09秒; 頭部靜態佈局
27分鐘22秒; 登入狀態過期自動跳轉
15分鐘36秒
第13章第十三章: 頭部互動-全螢幕切換
22分鐘46秒; 頭部互動-登出登入
17分鐘14秒; 頭部時間展示
12分鐘28秒; 取得天氣資訊
41分鐘48秒; 展示天氣資訊
10分鐘20秒; withRouter的使用
14分鐘57秒; 左側導航靜態佈局
30分鐘47秒; 左側導覽靜態-切換效果
20分鐘27秒; 動態產生選單
20分鐘49秒
第14章第十四章: 選單預設選取以及自動打開
15分鐘56秒; 展示header組件中的title
23分鐘04秒; 使用redux管理標題
15分鐘37秒; 商品分類靜態頁面(一)
16分鐘19秒; 商品分類靜態頁面(二)
18分鐘31秒; 動態初始化數據
20分鐘43秒; 新增與修改彈窗
31分鐘34秒; 新增商品
30分鐘56秒; 更新商品分類
37分鐘16秒; 處理導航預設選取問題
12分鐘33秒
第15章第十五章: 商品管理靜態頁面
32分鐘17秒; 初始化列表展示+分頁
48分鐘27秒; 操作商品狀態
23分鐘22秒; 發送搜尋請求
35分鐘43秒; 搜尋功能的實現
23分鐘42秒; 商品詳情及修改路由的搭建
23分鐘59秒; 解決標籤選取和title的問題
14分鐘29秒; 商品詳情-靜態頁面
15分鐘15秒; 展示詳情
32分鐘14秒; 從伺服器拉取詳情
17分鐘33秒
第16章第十六章: 展示商品詳細資訊-redux
46分鐘07秒; 展示商品詳細資訊-請求後台
21分鐘30秒; 新增商品-靜態頁面
22分鐘35秒; 收集部分商品數據
20分鐘55秒; 照片牆-靜態
14分鐘53秒; 使用Upload組件上傳一個文件
46分鐘59秒; 上傳和刪除的回應
27分鐘53秒; 完成上傳功能
23分鐘02秒; 富文本編輯器
18分鐘42秒; 完成新增商品
22分鐘23秒
第17章第十七章: 商品修改
51分鐘57秒; 角色管理簡介
23分鐘15秒; 新增角色
21分鐘24秒; 樹形選單
58分鐘11秒; 完成授權功能
26分鐘28秒; 取得使用者列表
21分鐘18秒; 新增用戶
20分鐘27秒; 遍歷菜單-數組的some方法
34分鐘01秒; echarts的使用
24分鐘35秒

Webpack+react全家桶開發穀粒後台項目

關於導師

PHP中文網