Vue.js全平臺(tái)前端實(shí)戰(zhàn)
定 價(jià):89.9 元
- 作者:凌杰
- 出版時(shí)間:2022/5/1
- ISBN:9787115583901
- 出 版 社:人民郵電出版社
- 中圖法分類:TP393.092.2
- 頁碼:292
- 紙張:
- 版次:01
- 開本:16開
近十年來前端應(yīng)用市場的規(guī)模日益擴(kuò)張,學(xué)習(xí)前端開發(fā)及其框架的應(yīng)用已經(jīng)成為眾多開發(fā)者在職業(yè)生涯中必須要面對的課題之一。
本書將以Vue.js 框架及其在移動(dòng)端的擴(kuò)展框架uni-app 為中心來探討如何開發(fā)面向同一Web 服務(wù)的不同形式的前端。本書內(nèi)容涵蓋Vue.js 2.x/3.x 框架與uni-app 框架的設(shè)計(jì)理念、適用領(lǐng)域、環(huán)境配置方法,以及它們在傳統(tǒng)PC 端Web 瀏覽器、iOS/Android 以及微信/支付寶等小程序平臺(tái)這些不同前端環(huán)境中的具體項(xiàng)目實(shí)踐。在這些項(xiàng)目的演示過程中,本書將提供大量可讀性強(qiáng)、可被驗(yàn)證的代碼示例,以幫助讀者循序漸進(jìn)、層層深入地理解前端開發(fā)領(lǐng)域所涉及的技術(shù)概念、編程思想與框架設(shè)計(jì)理念。
本書適合對HTML+CSS+JavaScript 技術(shù)、HTTP、Web 瀏覽器中的DOM 和BOM 等基礎(chǔ)知識有一定了解,且對Vue.js 及其擴(kuò)展框架有興趣的初學(xué)者、前端開發(fā)人員與設(shè)計(jì)師閱讀。
1.中心框架:以Vue.js 框架及其在移動(dòng)端的擴(kuò)展框架uni-app 為中心,探討如何開發(fā)面向同一Web 服務(wù)的不同形式的前端。
2.全平臺(tái):一次開發(fā)完成PC端瀏覽器+iOS/ Android+小程序等平臺(tái)應(yīng)用部署上架。
3.重實(shí)戰(zhàn):以 RESTful API為后端服務(wù),創(chuàng)建PC端瀏覽器、移動(dòng)設(shè)備項(xiàng)目實(shí)戰(zhàn)。
4.好上手:提供大量可讀性強(qiáng)、可被驗(yàn)證的代碼示例,以幫助讀者循序漸進(jìn)、層層深入地理解前端開發(fā)領(lǐng)域所涉及的技術(shù)概念、編程思想與框架設(shè)計(jì)理念。
5.附贈(zèng)源代碼
凌杰(網(wǎng)名:owlman)
浙江大學(xué)遠(yuǎn)程教育學(xué)院“榮譽(yù)學(xué)員”。自由開發(fā)者、技術(shù)寫作者兼譯者。精通JavaScript、Python、C、C++ 等多門編程語言,擁有豐富的開發(fā)及測試經(jīng)驗(yàn)。曾擔(dān)任上海交通大學(xué)飲水思源BBS的電腦技術(shù)區(qū)區(qū)長。
著有《JavaScript全棧開發(fā)》,譯有《Python 算法教程》《JavaScript 面向?qū)ο缶幊讨改稀贰对啬J健返茸髌贰?
第 1 章 準(zhǔn)備工作 1
1.1 背景知識準(zhǔn)備 1
1.1.1 客戶-服務(wù)器體系結(jié)構(gòu) 1
1.1.2 HTML、CSS 與JavaScript 3
1.1.3 RESTful 架構(gòu) 7
1.2 搭建編程環(huán)境 8
1.2.1 Web 瀏覽器環(huán)境 8
1.2.2 Node.js 運(yùn)行環(huán)境 10
1.2.3 項(xiàng)目開發(fā)工具 13
1.2.4 源碼管理機(jī)制 16
1.3 代碼調(diào)試方法 17
1.3.1 使用console對象 18
1.3.2 使用調(diào)試工具 19
1.4 本章小結(jié) 22
第 一部分 Vue.js 快速入門
第 2 章 創(chuàng)建前端應(yīng)用 25
2.1 選擇Vue.js 框架的原因25
2.2 創(chuàng)建第 一個(gè)Vue.js 項(xiàng)目 27
2.2.1 創(chuàng)建并初始化項(xiàng)目 27
2.2.2 正確地加載框架 29
2.2.3 創(chuàng)建源碼文件 33
2.3 初識Vue.js 前端應(yīng)用 35
2.4 Vue.js 3.x 帶來的變化 36
2.5 本章小結(jié) 37
第3 章 設(shè)計(jì)用戶界面 38
3.1 單向數(shù)據(jù)綁定 38
3.2 實(shí)現(xiàn)動(dòng)態(tài)渲染 41
3.2.1 條件渲染 41
3.2.2 循環(huán)渲染 44
3.3 響應(yīng)用戶操作 46
3.3.1 事件處理 47
3.3.2 數(shù)據(jù)輸入 53
3.4 動(dòng)態(tài)CSS 樣式 56
3.5 本章小結(jié) 61
第4 章 實(shí)現(xiàn)Vue 對象 62
4.1 掛載Vue 對象 62
4.2 操作關(guān)聯(lián)數(shù)據(jù) 65
4.2.1 data 成員 66
4.2.2 computed 成員 67
4.2.3 methods 成員 71
4.2.4 watch 成員 72
4.3 處理生命周期 76
4.4 本章小結(jié) 80
第5 章 使用Vue 組件 81
5.1 Vue 組件基礎(chǔ) 81
5.1.1 創(chuàng)建Vue 組件 82
5.1.2 Vue 專用文件 86
5.1.3 Vue.js 3.x 中的組件 90
5.2 設(shè)計(jì)Vue 組件 92
5.2.1 面向組件的v-on指令 93
5.2.2 面向組件的v-model 指令 95
5.2.3 預(yù)留組件插槽 97
5.3 使用現(xiàn)有組件 101
5.3.1 使用內(nèi)置組件 102
5.3.2 引入外部組件 109
5.4 本章小結(jié) 111
第6 章 使用自動(dòng)化工具 112
6.1 前端打包工具 112
6.1.1 為何需要打包 112
6.1.2 基本打包選項(xiàng) 113
6.1.3 實(shí)現(xiàn)自動(dòng)化打包 128
6.2 項(xiàng)目腳手架工具 131
6.2.1 安裝Vue CLI 工具 132
6.2.2 創(chuàng)建并初始化項(xiàng)目 132
6.2.3 示例項(xiàng)目詳解 133
6.3 前端構(gòu)建工具 136
6.4 本章小結(jié) 139
第二部分 PC 端瀏覽器項(xiàng)目實(shí)踐
第7 章 構(gòu)建服務(wù)端RESTful API 143
7.1 理解RESTful 架構(gòu) 143
7.1.1 REST 設(shè)計(jì)規(guī)范 144
7.1.2 設(shè)計(jì)RESTful API 146
7.2 RESTful API 示例 149
7.2.1 構(gòu)建HTTP服務(wù)器 149
7.2.2 實(shí)現(xiàn)RESTful API 151
7.3 本章小結(jié) 163
第8 章 PC 端瀏覽器應(yīng)用開發(fā)(上篇) 164
8.1 構(gòu)建Web 服務(wù) 164
8.2 實(shí)現(xiàn)前端路由 167
8.3 用戶的登錄與注冊 171
8.3.1 第 一步:加載自定義組件 171
8.3.2 第二步:調(diào)用RESTful API 173
8.3.3 第三步:前端狀態(tài)管理 177
8.3.4 第四步:顯示用戶信息 182
8.4 本章小結(jié) 188
第9 章 PC 端瀏覽器應(yīng)用開發(fā)(下篇) 189
9.1 管理圖書信息 189
9.1.1 圖書列表組件 190
9.1.2 添加圖書信息 194
9.1.3 修改圖書信息 202
9.1.4 刪除圖書信息 203
9.2 實(shí)現(xiàn)評論功能 206
9.2.1 顯示圖書信息 207
9.2.2 實(shí)現(xiàn)書評列表 209
9.3 本章小結(jié) 213
第三部分 移動(dòng)端項(xiàng)目實(shí)踐
第 10 章 移動(dòng)端開發(fā)概述 217
10.1 移動(dòng)端解決方案 217
10.1.1 屏幕適配問題 218
10.1.2 響應(yīng)觸控操作 222
10.2 uni-app 移動(dòng)端框架 225
10.2.1 構(gòu)建uni-app項(xiàng)目 225
10.2.2 uni-app 項(xiàng)目配置 231
10.3 本章小結(jié) 235
第 11 章 uni-app 項(xiàng)目實(shí)踐(上篇) 236
11.1 創(chuàng)建項(xiàng)目 236
11.2 項(xiàng)目配置 237
11.2.1 全局樣式 238
11.2.2 頁面路由 241
11.2.3 tabBar 配置 243
11.2.4 側(cè)邊窗口 246
11.3 界面設(shè)計(jì) 247
11.3.1 容器組件 248
11.3.2 交互組件 250
11.4 API 257
11.4.1 網(wǎng)絡(luò)請求 258
11.4.2 數(shù)據(jù)緩存 259
11.5 本章小結(jié) 263
第 12 章 uni-app 項(xiàng)目實(shí)踐(下篇) 264
12.1 頁面跳轉(zhuǎn)操作 264
12.1.1 導(dǎo)航組件標(biāo)簽 264
12.1.2 頁面跳轉(zhuǎn)接口 266
12.2 生命周期函數(shù) 272
12.2.1 頁面生命周期 272
12.2.2 組件生命周期 276
12.2.3 應(yīng)用生命周期 276
12.3 應(yīng)用程序打包 277
12.3.1 發(fā)布為HTML5應(yīng)用 278
12.3.2 發(fā)布為微信小程序 279
12.4 本章小結(jié) 280