掃一掃
關注中圖網
官方微博
本類五星書更多>
-
>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用
-
>
決戰行測5000題(言語理解與表達)
-
>
軟件性能測試.分析與調優實踐之路
-
>
第一行代碼Android
-
>
JAVA持續交付
-
>
EXCEL最強教科書(完全版)(全彩印刷)
-
>
深度學習
前端開發實戰派――VUE.JS 3+NODE.JS+SERVERLESS+GIT 版權信息
- ISBN：9787121469671
- 條形碼：9787121469671 ; 978-7-121-46967-1
- 裝幀：平塑勒
- 冊數：暫無
- 重量：暫無
- 所屬分類：>>
前端開發實戰派――VUE.JS 3+NODE.JS+SERVERLESS+GIT 本書特色
（1）各方面都貼合當前主流技術的主流版本。 （2）初級開發者掌握了前端“三駕馬車”后，不知道應該如何往下學。本書為提供了清晰的學習路徑，循序漸進地理解和掌握每個知識點。 （3）大量的實戰案例，能讓讀者“動起來” （4）包含豐富的圖片示例，理解原理和流程更容易。 （5）包含完整的大項目，實現“從樹木到森林”的突破。
前端開發實戰派――VUE.JS 3+NODE.JS+SERVERLESS+GIT 內容簡介
本書從實戰的角度出發，提煉并總結項目開發中需要掌握的前端知識，既可以為前端開發初學者提供清晰的學習路徑，又可以為具有3～5年經驗的開發者提供進階的方向。 本書包括5篇。第1篇介紹前端基礎，包括前端"三駕馬車”（HTML、CSS、JavaScript）和新時代的JavaScript（ES6+、Node.js、TypeScript）；第2篇介紹前端框架，圍繞Vue.js 3的基礎知識點和Vue全家桶展開介紹，并使用Vue.js 3實戰開發一個備忘錄項目；第3篇與第4篇介紹前端中級和高級知識（構建工具Vite、瀏覽器高階調試、性能優化、Git協作、代碼規范）在項目開發中的應用；第5篇全棧開發"仿稀土掘金”項目，幫助讀者通過實戰將書中的知識融會貫通。 本書內容由淺入深，將理論與實戰相結合。讀者如果已經掌握了"HTML + CSS + JavaScript”基礎，那么學習本書可以快速打牢基礎，并逐步完善自己的前端知識體系，*終具備中級和高級前端與全棧開發的能力。
前端開發實戰派――VUE.JS 3+NODE.JS+SERVERLESS+GIT 目錄
第1篇 前端開發**步：夯實基礎
第1章 前端發展的幾個時代 2
1.1 附屬時代 2
1.1.1 前端的誕生 3
1.1.2 jQuery實現交互 3
1.2 分家時代 4
1.2.1 AJAX出現 5
1.2.2 前后端分離 5
1.2.3 三大框架出現并流行 6
1.3 工程時代 7
1.3.1 Node.js開啟了前端工程 7
1.3.2 Webpack帶來了編譯 8
1.3.3 工程化體系持續完善 8
1.4 大前端時代 9
1.4.1 多端開發的現狀 9
1.4.2 跨端開發成為趨勢 10
1.4.3 一處代碼，多處運行 10
1.5 Serverless時代 11
1.5.1 函數即服務 12
1.5.2 前后端一體化開發 12
1.6 本章小結 13
第2章 前端“三駕馬車”，你真的掌握了嗎 14
2.1 HTML：搭建頁面的結構 14
2.1.1 核心DOM體系 15
2.1.2 語義化元素 20
2.1.3 了解HTML 5 23
2.1.4 實現表單與驗證 25
2.2 CSS：修飾頁面的布局和樣式 29
2.2.1 3種頁面布局方案 29
2.2.2 樣式與動畫解析 34
2.2.3 CSS工程化 40
2.2.4 動態值與響應式 44
2.3 JavaScript：頁面運行的核心原理 47
2.3.1 數據類型與函數 47
2.3.2 變量與作用域 51
2.3.3 面向對象 53
2.3.4 事件循環 58
2.3.5 執行上下文與this 61
2.4 本章小結 64
第3章 新時代的JavaScript 65
3.1 ES6 ：下一代語法標準 65
3.1.1 變量與字符串的擴展 66
3.1.2 對象的擴展 69
3.1.3 數組的擴展 73
3.1.4 函數的擴展 76
3.1.5 異步編程方案 77
3.1.6 模塊體系 79
3.2 Node.js：服務端的JavaScript 81
3.2.1 Node.js基礎 81
3.2.2 Node.js的內置模塊 85
3.2.3 Npm包管理 88
3.2.4 環境與環境變量 92
3.3 TypeScript：支持類型的JavaScript 93
3.3.1 應該使用TypeScript嗎 94
3.3.2 常用類型全覽 95
3.3.3 接口與泛型 98
3.3.4 裝飾器的妙用 102
3.3.5 吃透tsconfig.json 105
3.4 本章小結 106
第2篇 掌握一個主流前端框架
第4章 Vue.js 3的基礎與核心 108
4.1 初識Vue.js 3 108
4.1.1 聲明式渲染 109
4.1.2 組件系統 110
4.2 Vue.js的基礎概念 112
4.2.1 狀態與方法 112
4.2.2 條件與列表 114
4.2.3 模板語法 116
4.2.4 計算屬性與監聽器 118
4.2.5 事件處理 120
4.2.6 表單雙向綁定 121
4.2.7 DOM操作 122
4.3 Vue.js的組件體系 123
4.3.1 組件狀態：data與props 123
4.3.2 組件的自定義事件 125
4.3.3 組件的生命周期 127
4.3.4 使用插槽動態渲染模板 129
4.3.5 使用異步組件提升性能 130
4.3.6 在組件中自定義v-model 131
4.4 Vue.js 3的核心：組合式API 132
4.4.1 選項式API與組合式API 132
4.4.2 理解響應式狀態 133
4.4.3 生命周期鉤子 135
4.4.4 計算屬性與監聽器 136
4.4.5 渲染方式：模板與JSX 138
4.4.6 與TypeScript集成 140
4.5 Vue全家桶指南 143
4.5.1 路由管理——Vue Router 144
4.5.2 狀態管理——Pinia 147
4.5.3 統一請求管理——Axios 151
4.6 本章小結 156
第5章 【實戰】使用Vue.js 3編寫一個備忘錄應用 157
5.1 需求：備忘錄需求分析 157
5.1.1 分析首頁 158
5.1.2 分析登錄頁 159
5.2 設計：搭建項目的基礎結構 159
5.2.1 使用腳手架創建項目 160
5.2.2 接入UI框架Element Plus 160
5.2.3 使用Vue Router配置頁面路由 161
5.2.4 使用Pinia做全局狀態管理 162
5.2.5 編寫公共組件和公共函數 162
5.3 開發：業務功能編碼 164
5.3.1 開發登錄頁 164
5.3.2 編寫用戶Store 166
5.3.3 開發首頁 169
5.3.4 編寫首頁Store 171
5.3.5 開發文件夾列表組件 173
5.3.6 開發備忘錄列表組件 175
5.3.7 開發編輯器組件 177
5.3.8 實現備忘錄編輯 179
5.4 本章小結 181
第3篇 從3個方向提升技術實力
第6章 構建工具Vite——將新技術的代碼轉換為瀏覽器認識的語法 183
6.1 認識構建工具 183
6.1.1 老牌工具——Webpack 184
6.1.2 輕量工具——Rollup 185
6.1.3 下一代工具——Vite 186
6.2 在項目中使用Vite 187
6.2.1 使用腳手架創建項目 187
6.2.2 Vite的基礎命令 188
6.3 Vite功能介紹 189
6.3.1 裸模塊解析 189
6.3.2 依賴的預構建 190
6.3.3 模塊熱替換 191
6.3.4 TypeScript轉譯 192
6.3.5 JSX/TSX轉譯 193
6.3.6 CSS資源處理 193
6.3.7 靜態資源導入 195
6.4 Vite配置介紹 197
6.4.1 多環境配置 197
6.4.2 通用配置 198
6.4.3 開發服務器配置 201
6.4.4 打包構建配置 203
6.4.5 性能優化配置 205
6.5 Vite插件系統 206
6.5.1 Vite官方插件 207
6.5.2 Vite社區插件 208
6.5.3 Rollup插件 209
6.6 本章小結 211
第7章 利用瀏覽器解決在開發中遇到的問題 212
7.1 瀏覽器的組成與渲染原理 212
7.1.1 瀏覽器的組成 212
7.1.2 渲染引擎的工作原理 214
7.1.3 重排與重繪 215
7.2 開發者工具 217
7.2.1 打開DevTools 218
7.2.2 DevTools的結構 219
7.3 “元素”面板 222
7.3.1 DOM樹的查看與調試 222
7.3.2 CSS的查看與調試 223
7.4 “控制臺”面板 226
7.4.1 打印日志 226
7.4.2 執行JavaScript代碼 229
7.4.3 其他console功能 230
7.5 “源代碼”面板 232
7.5.1 查看網頁源碼 233
7.5.2 斷點調試 234
7.5.3 作用域、調用棧、事件監聽 236
7.6 “網絡”面板 238
7.6.1 捕獲網絡請求 238
7.6.2 請求的篩選過濾 239
7.6.3 單條請求詳解 240
7.6.4 網絡功能設置 241
7.7 “應用”面板 242
7.7.1 Cookie管理 243
7.7.2 WebStorage管理 244
7.8 本章小結 245
第8章 前端性能優化全覽 246
8.1 認識性能優化 246
8.1.1 從渲染原理開始 247
8.1.2 網絡層面的優化 247
8.1.3 渲染層面的優化 249
8.2 檢測性能問題 250
8.2.1 主觀感知性能 251
8.2.2 利用“性能”面板檢測性能 251
8.2.3 利用Lighthouse檢測性能 254
8.2.4 項目打包后的性能檢測 256
8.3 首屏渲染優化 257
8.3.1 首屏變慢的原因 257
8.3.2 優化措施一：路由懶加載 258
8.3.3 優化措施二：Gzip壓縮 258
8.3.4 優化措施三：服務端渲染 260
8.4 網絡資源優化 261
8.4.1 圖片異步加載 262
8.4.2 高效利用緩存 263
8.5 交互性能優化 264
8.5.1 防抖與節流：減少事件觸發 265
8.5.2 異步更新：減少重復渲染 267
8.5.3 減少DOM操作 268
8.6 本章小結 271
第4篇 光有技術不夠，還要懂團隊協作
第9章 Git命令與協作指南 273
9.1 初識Git 273
9.1.1 什么是版本控制 273
9.1.2 Git的工作原理 274
9.1.3 安裝Git 276
9.2 Git的基礎操作 277
9.2.1 Git的基礎配置 277
9.2.2 文件跟蹤與暫存區 278
9.2.3 創建和查看提交 279
9.2.4 撤銷與回滾 280
9.2.5 合并提交 282
9.2.6 管理標簽與別名 283
9.3 分支管理 285
9.3.1 分支簡介 286
9.3.2 分支的創建、刪除和切換 286
9.3.3 分支的合并 287
9.3.4 分支的管理策略 289
9.4 遠程倉庫GitHub 290
9.4.1 創建遠程倉庫 290
9.4.2 代碼的推送和拉取 291
9.4.3 管理遠程的Tag 293
9.4.4 查看遠程提交信息 293
9.5 Git的高級操作 295
9.5.1 變基——git rebase 295
9.5.2 揀選——git cherry-pick 297
9.5.3 暫存——git stash 298
9.5.4 檢索——git grep 298
9.5.5 調試——git bisect 299
9.6 本章小結 301
第10章 代碼規范實踐 302
10.1 認識代碼規范 302
10.1.1 為什么需要代碼規范 303
10.1.2 代碼規范包含的內容 303
10.2 代碼規范落地 304
10.2.1 制定規范 304
10.2.2 檢測和統一規范 312
10.3 工具一：ESLint 313
10.3.1 安裝與初始化 314
10.3.2 配置文件解析 314
10.3.3 代碼檢查 316
10.3.4 自定義規范 317
10.4 工具二：Prettier 318
10.4.1 安裝與配置 319
10.4.2 格式化代碼 320
10.5 工具三：VSCode 321
10.5.1 使用插件 321
10.5.2 編輯器的配置 322
10.5.3 共享配置 323
10.6 Git提交的規范 324
10.6.1 制定規范 324
10.6.2 驗證規范 325
10.7 本章小結 326
第5篇 綜合實戰——全棧開發“仿稀土掘金”項目
第11章 項目需求分析與API開發基礎 328
11.1 項目需求分析 328
11.1.1 首頁模塊 329
11.1.2 文章模塊 329
11.1.3 沸點模塊 331
11.1.4 用戶中心 332
11.1.5 消息中心 332
11.2 使用Serverless云函數創建接口 333
11.2.1 注冊阿里云，開通函數計算 334
11.2.2 創建服務，編寫項目所需的云函數 335
11.3 API開發基礎——Express框架的使用 340
11.3.1 Express框架的基本結構 340
11.3.2 使用路由創建API接口 342
11.3.3 理解中間件，搞懂框架的原理 345
11.3.4 統一錯誤處理，提升應用的健壯性 346
11.4 API開發基礎——數據庫操作 347
11.4.1 MongoDB的基本概念 347
11.4.2 實現增、查、改、刪操作 348
11.4.3 高級查詢——聚合管道 350
11.4.4
第1章 前端發展的幾個時代 2
1.1 附屬時代 2
1.1.1 前端的誕生 3
1.1.2 jQuery實現交互 3
1.2 分家時代 4
1.2.1 AJAX出現 5
1.2.2 前后端分離 5
1.2.3 三大框架出現并流行 6
1.3 工程時代 7
1.3.1 Node.js開啟了前端工程 7
1.3.2 Webpack帶來了編譯 8
1.3.3 工程化體系持續完善 8
1.4 大前端時代 9
1.4.1 多端開發的現狀 9
1.4.2 跨端開發成為趨勢 10
1.4.3 一處代碼，多處運行 10
1.5 Serverless時代 11
1.5.1 函數即服務 12
1.5.2 前后端一體化開發 12
1.6 本章小結 13
第2章 前端“三駕馬車”，你真的掌握了嗎 14
2.1 HTML：搭建頁面的結構 14
2.1.1 核心DOM體系 15
2.1.2 語義化元素 20
2.1.3 了解HTML 5 23
2.1.4 實現表單與驗證 25
2.2 CSS：修飾頁面的布局和樣式 29
2.2.1 3種頁面布局方案 29
2.2.2 樣式與動畫解析 34
2.2.3 CSS工程化 40
2.2.4 動態值與響應式 44
2.3 JavaScript：頁面運行的核心原理 47
2.3.1 數據類型與函數 47
2.3.2 變量與作用域 51
2.3.3 面向對象 53
2.3.4 事件循環 58
2.3.5 執行上下文與this 61
2.4 本章小結 64
第3章 新時代的JavaScript 65
3.1 ES6 ：下一代語法標準 65
3.1.1 變量與字符串的擴展 66
3.1.2 對象的擴展 69
3.1.3 數組的擴展 73
3.1.4 函數的擴展 76
3.1.5 異步編程方案 77
3.1.6 模塊體系 79
3.2 Node.js：服務端的JavaScript 81
3.2.1 Node.js基礎 81
3.2.2 Node.js的內置模塊 85
3.2.3 Npm包管理 88
3.2.4 環境與環境變量 92
3.3 TypeScript：支持類型的JavaScript 93
3.3.1 應該使用TypeScript嗎 94
3.3.2 常用類型全覽 95
3.3.3 接口與泛型 98
3.3.4 裝飾器的妙用 102
3.3.5 吃透tsconfig.json 105
3.4 本章小結 106
第2篇 掌握一個主流前端框架
第4章 Vue.js 3的基礎與核心 108
4.1 初識Vue.js 3 108
4.1.1 聲明式渲染 109
4.1.2 組件系統 110
4.2 Vue.js的基礎概念 112
4.2.1 狀態與方法 112
4.2.2 條件與列表 114
4.2.3 模板語法 116
4.2.4 計算屬性與監聽器 118
4.2.5 事件處理 120
4.2.6 表單雙向綁定 121
4.2.7 DOM操作 122
4.3 Vue.js的組件體系 123
4.3.1 組件狀態：data與props 123
4.3.2 組件的自定義事件 125
4.3.3 組件的生命周期 127
4.3.4 使用插槽動態渲染模板 129
4.3.5 使用異步組件提升性能 130
4.3.6 在組件中自定義v-model 131
4.4 Vue.js 3的核心：組合式API 132
4.4.1 選項式API與組合式API 132
4.4.2 理解響應式狀態 133
4.4.3 生命周期鉤子 135
4.4.4 計算屬性與監聽器 136
4.4.5 渲染方式：模板與JSX 138
4.4.6 與TypeScript集成 140
4.5 Vue全家桶指南 143
4.5.1 路由管理——Vue Router 144
4.5.2 狀態管理——Pinia 147
4.5.3 統一請求管理——Axios 151
4.6 本章小結 156
第5章 【實戰】使用Vue.js 3編寫一個備忘錄應用 157
5.1 需求：備忘錄需求分析 157
5.1.1 分析首頁 158
5.1.2 分析登錄頁 159
5.2 設計：搭建項目的基礎結構 159
5.2.1 使用腳手架創建項目 160
5.2.2 接入UI框架Element Plus 160
5.2.3 使用Vue Router配置頁面路由 161
5.2.4 使用Pinia做全局狀態管理 162
5.2.5 編寫公共組件和公共函數 162
5.3 開發：業務功能編碼 164
5.3.1 開發登錄頁 164
5.3.2 編寫用戶Store 166
5.3.3 開發首頁 169
5.3.4 編寫首頁Store 171
5.3.5 開發文件夾列表組件 173
5.3.6 開發備忘錄列表組件 175
5.3.7 開發編輯器組件 177
5.3.8 實現備忘錄編輯 179
5.4 本章小結 181
第3篇 從3個方向提升技術實力
第6章 構建工具Vite——將新技術的代碼轉換為瀏覽器認識的語法 183
6.1 認識構建工具 183
6.1.1 老牌工具——Webpack 184
6.1.2 輕量工具——Rollup 185
6.1.3 下一代工具——Vite 186
6.2 在項目中使用Vite 187
6.2.1 使用腳手架創建項目 187
6.2.2 Vite的基礎命令 188
6.3 Vite功能介紹 189
6.3.1 裸模塊解析 189
6.3.2 依賴的預構建 190
6.3.3 模塊熱替換 191
6.3.4 TypeScript轉譯 192
6.3.5 JSX/TSX轉譯 193
6.3.6 CSS資源處理 193
6.3.7 靜態資源導入 195
6.4 Vite配置介紹 197
6.4.1 多環境配置 197
6.4.2 通用配置 198
6.4.3 開發服務器配置 201
6.4.4 打包構建配置 203
6.4.5 性能優化配置 205
6.5 Vite插件系統 206
6.5.1 Vite官方插件 207
6.5.2 Vite社區插件 208
6.5.3 Rollup插件 209
6.6 本章小結 211
第7章 利用瀏覽器解決在開發中遇到的問題 212
7.1 瀏覽器的組成與渲染原理 212
7.1.1 瀏覽器的組成 212
7.1.2 渲染引擎的工作原理 214
7.1.3 重排與重繪 215
7.2 開發者工具 217
7.2.1 打開DevTools 218
7.2.2 DevTools的結構 219
7.3 “元素”面板 222
7.3.1 DOM樹的查看與調試 222
7.3.2 CSS的查看與調試 223
7.4 “控制臺”面板 226
7.4.1 打印日志 226
7.4.2 執行JavaScript代碼 229
7.4.3 其他console功能 230
7.5 “源代碼”面板 232
7.5.1 查看網頁源碼 233
7.5.2 斷點調試 234
7.5.3 作用域、調用棧、事件監聽 236
7.6 “網絡”面板 238
7.6.1 捕獲網絡請求 238
7.6.2 請求的篩選過濾 239
7.6.3 單條請求詳解 240
7.6.4 網絡功能設置 241
7.7 “應用”面板 242
7.7.1 Cookie管理 243
7.7.2 WebStorage管理 244
7.8 本章小結 245
第8章 前端性能優化全覽 246
8.1 認識性能優化 246
8.1.1 從渲染原理開始 247
8.1.2 網絡層面的優化 247
8.1.3 渲染層面的優化 249
8.2 檢測性能問題 250
8.2.1 主觀感知性能 251
8.2.2 利用“性能”面板檢測性能 251
8.2.3 利用Lighthouse檢測性能 254
8.2.4 項目打包后的性能檢測 256
8.3 首屏渲染優化 257
8.3.1 首屏變慢的原因 257
8.3.2 優化措施一：路由懶加載 258
8.3.3 優化措施二：Gzip壓縮 258
8.3.4 優化措施三：服務端渲染 260
8.4 網絡資源優化 261
8.4.1 圖片異步加載 262
8.4.2 高效利用緩存 263
8.5 交互性能優化 264
8.5.1 防抖與節流：減少事件觸發 265
8.5.2 異步更新：減少重復渲染 267
8.5.3 減少DOM操作 268
8.6 本章小結 271
第4篇 光有技術不夠，還要懂團隊協作
第9章 Git命令與協作指南 273
9.1 初識Git 273
9.1.1 什么是版本控制 273
9.1.2 Git的工作原理 274
9.1.3 安裝Git 276
9.2 Git的基礎操作 277
9.2.1 Git的基礎配置 277
9.2.2 文件跟蹤與暫存區 278
9.2.3 創建和查看提交 279
9.2.4 撤銷與回滾 280
9.2.5 合并提交 282
9.2.6 管理標簽與別名 283
9.3 分支管理 285
9.3.1 分支簡介 286
9.3.2 分支的創建、刪除和切換 286
9.3.3 分支的合并 287
9.3.4 分支的管理策略 289
9.4 遠程倉庫GitHub 290
9.4.1 創建遠程倉庫 290
9.4.2 代碼的推送和拉取 291
9.4.3 管理遠程的Tag 293
9.4.4 查看遠程提交信息 293
9.5 Git的高級操作 295
9.5.1 變基——git rebase 295
9.5.2 揀選——git cherry-pick 297
9.5.3 暫存——git stash 298
9.5.4 檢索——git grep 298
9.5.5 調試——git bisect 299
9.6 本章小結 301
第10章 代碼規范實踐 302
10.1 認識代碼規范 302
10.1.1 為什么需要代碼規范 303
10.1.2 代碼規范包含的內容 303
10.2 代碼規范落地 304
10.2.1 制定規范 304
10.2.2 檢測和統一規范 312
10.3 工具一：ESLint 313
10.3.1 安裝與初始化 314
10.3.2 配置文件解析 314
10.3.3 代碼檢查 316
10.3.4 自定義規范 317
10.4 工具二：Prettier 318
10.4.1 安裝與配置 319
10.4.2 格式化代碼 320
10.5 工具三：VSCode 321
10.5.1 使用插件 321
10.5.2 編輯器的配置 322
10.5.3 共享配置 323
10.6 Git提交的規范 324
10.6.1 制定規范 324
10.6.2 驗證規范 325
10.7 本章小結 326
第5篇 綜合實戰——全棧開發“仿稀土掘金”項目
第11章 項目需求分析與API開發基礎 328
11.1 項目需求分析 328
11.1.1 首頁模塊 329
11.1.2 文章模塊 329
11.1.3 沸點模塊 331
11.1.4 用戶中心 332
11.1.5 消息中心 332
11.2 使用Serverless云函數創建接口 333
11.2.1 注冊阿里云，開通函數計算 334
11.2.2 創建服務，編寫項目所需的云函數 335
11.3 API開發基礎——Express框架的使用 340
11.3.1 Express框架的基本結構 340
11.3.2 使用路由創建API接口 342
11.3.3 理解中間件，搞懂框架的原理 345
11.3.4 統一錯誤處理，提升應用的健壯性 346
11.4 API開發基礎——數據庫操作 347
11.4.1 MongoDB的基本概念 347
11.4.2 實現增、查、改、刪操作 348
11.4.3 高級查詢——聚合管道 350
11.4.4
展開全部
前端開發實戰派――VUE.JS 3+NODE.JS+SERVERLESS+GIT 作者簡介
楊成功一線前端工程師，擅長前端工程與架構，音視頻，Node.js。帶領團隊實施和重構過多個項目，對前端應用的標準化、自動化以及前后端一體化開發有豐富的實踐經驗。掘金、思否原創作者，累計產出文章50 余篇，閱讀40w 。現任某廠前端架構師。
書友推薦
- >
大紅狗在馬戲團-大紅狗克里弗-助人
- >
自卑與超越
- >
經典常談
- >
詩經-先民的歌唱
- >
姑媽的寶刀
- >
朝聞道
- >
煙與鏡
- >
山海經
本類暢銷
