近十年來(lái)前端應(yīng)用市場(chǎng)的規(guī)模日益擴(kuò)張，學(xué)習(xí)前端開(kāi)發(fā)及其框架的應(yīng)用已經(jīng)成為眾多開(kāi)發(fā)者在職業(yè)生涯中必須要面對(duì)的課題之一。 本書(shū)將以Vue.js 框架及其在移動(dòng)端的擴(kuò)展框架uni-app 為中心來(lái)探討如何開(kāi)發(fā)面向同一Web 服務(wù)的不同形式的前端。本書(shū)內(nèi)容涵蓋Vue.js 2.x/3.x 框架與uni-app 框架的設(shè)計(jì)理念、適用領(lǐng)域、環(huán)境配置方法，以及它們?cè)趥鹘y(tǒng)PC 端Web 瀏覽器、iOS/Android 以及微信/支付寶等小程序平臺(tái)這些不同前端環(huán)境中的具體項(xiàng)目實(shí)踐。在這些項(xiàng)目的演示過(guò)程中，本書(shū)將提供大量可讀性強(qiáng)、可被驗(yàn)證的代碼示例，以幫助讀者循序漸進(jìn)、層層深入地理解前端開(kāi)發(fā)領(lǐng)域所涉及的技術(shù)概念、編程思想與框架設(shè)計(jì)理念。 本書(shū)適合對(duì)HTML+CSS+JavaScript 技術(shù)、HTTP、Web 瀏覽器中的DOM 和BOM 等基礎(chǔ)知識(shí)有一定了解，且對(duì)Vue.js 及其擴(kuò)展框架有興趣的初學(xué)者、前端開(kāi)發(fā)人員與設(shè)計(jì)師閱讀。

1.中心框架：以Vue.js 框架及其在移動(dòng)端的擴(kuò)展框架uni-app 為中心，探討如何開(kāi)發(fā)面向同一Web 服務(wù)的不同形式的前端。 2.全平臺(tái)：一次開(kā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)、層層深入地理解前端開(kāi)發(fā)領(lǐng)域所涉及的技術(shù)概念、編程思想與框架設(shè)計(jì)理念。 5.附贈(zèng)源代碼

凌杰（網(wǎng)名：owlman） 浙江大學(xué)遠(yuǎn)程教育學(xué)院“榮譽(yù)學(xué)員”。自由開(kāi)發(fā)者、技術(shù)寫(xiě)作者兼譯者。精通JavaScript、Python、C、C++ 等多門(mén)編程語(yǔ)言，擁有豐富的開(kāi)發(fā)及測(cè)試經(jīng)驗(yàn)。曾擔(dān)任上海交通大學(xué)飲水思源BBS的電腦技術(shù)區(qū)區(qū)長(zhǎng)。 著有《JavaScript全棧開(kāi)發(fā)》，譯有《Python 算法教程》《JavaScript 面向?qū)ο缶幊讨改稀贰对�素模式》等作品�?

第 1 章 準(zhǔn)備工作 1 1.1 背景知識(shí)準(zhǔn)備 1 1.1.1 客戶(hù)-服務(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)目開(kāi)發(fā)工具 13 1.2.4 源碼管理機(jī)制 16 1.3 代碼調(diào)試方法 17 1.3.1 使用console對(duì)象 18 1.3.2 使用調(diào)試工具 19 1.4 本章小結(jié) 22 第 一部分 Vue.js 快速入門(mén) 第 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 初識(shí)Vue.js 前端應(yīng)用 35 2.4 Vue.js 3.x 帶來(lái)的變化 36 2.5 本章小結(jié) 37 第3 章 設(shè)計(jì)用戶(hù)界面 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)用戶(hù)操作 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 對(duì)象 62 4.1 掛載Vue 對(duì)象 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 專(zhuān)用文件 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)用開(kāi)發(fā)（上篇） 164 8.1 構(gòu)建Web 服務(wù) 164 8.2 實(shí)現(xiàn)前端路由 167 8.3 用戶(hù)的登錄與注冊(cè) 171 8.3.1 第 一步：加載自定義組件 171 8.3.2 第二步：調(diào)用RESTful API 173 8.3.3 第三步：前端狀態(tài)管理 177 8.3.4 第四步：顯示用戶(hù)信息 182 8.4 本章小結(jié) 188 第9 章 PC 端瀏覽器應(yīng)用開(kāi)發(fā)（下篇） 189 9.1 管理圖書(shū)信息 189 9.1.1 圖書(shū)列表組件 190 9.1.2 添加圖書(shū)信息 194 9.1.3 修改圖書(shū)信息 202 9.1.4 刪除圖書(shū)信息 203 9.2 實(shí)現(xiàn)評(píng)論功能 206 9.2.1 顯示圖書(shū)信息 207 9.2.2 實(shí)現(xiàn)書(shū)評(píng)列表 209 9.3 本章小結(jié) 213 第三部分 移動(dòng)端項(xiàng)目實(shí)踐 第 10 章 移動(dòng)端開(kāi)發(fā)概述 217 10.1 移動(dòng)端解決方案 217 10.1.1 屏幕適配問(wèn)題 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 頁(yè)面路由 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ò)請(qǐng)求 258 11.4.2 數(shù)據(jù)緩存 259 11.5 本章小結(jié) 263 第 12 章 uni-app 項(xiàng)目實(shí)踐（下篇） 264 12.1 頁(yè)面跳轉(zhuǎn)操作 264 12.1.1 導(dǎo)航組件標(biāo)簽 264 12.1.2 頁(yè)面跳轉(zhuǎn)接口 266 12.2 生命周期函數(shù) 272 12.2.1 頁(yè)面生命周期 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