Vue.js 全平臺前端實戰

凌傑

  • 出版商: 人民郵電
  • 出版日期: 2022-05-01
  • 定價: $539
  • 售價: 8.5$458
  • 語言: 簡體中文
  • 頁數: 292
  • ISBN: 7115583900
  • ISBN-13: 9787115583901
  • 相關分類: Vue.js
  • 立即出貨

  • Vue.js 全平臺前端實戰-preview-1
  • Vue.js 全平臺前端實戰-preview-2
Vue.js 全平臺前端實戰-preview-1

買這商品的人也買了...

商品描述

近十年來前端應用市場的規模日益擴張,學習前端開發及其框架的應用已經成為眾多開發者在職業生涯中必須要面對的課題之一。

 

本書將以Vue.js 框架及其在移動端的擴展框架uni-app 為中心來探討如何開發面向同一Web 服務的不同形式的前端。本書內容涵蓋Vue.js 2.x/3.x 框架與uni-app 框架的設計理念、適用領域、環境配置方法,以及它們在傳統PC 端Web 瀏覽器、iOS/Android 以及微信/支付寶等小程序平臺這些不同前端環境中的具體項目實踐。在這些項目的演示過程中,本書將提供大量可讀性強、可被驗證的代碼示例,以幫助讀者循序漸進、層層深入地理解前端開發領域所涉及的技術概念、編程思想與框架設計理念。

 

本書適合對HTML+CSS+JavaScript 技術、HTTP、Web 瀏覽器中的DOM 和BOM 等基礎知識有一定瞭解,且對Vue.js 及其擴展框架有興趣的初學者、前端開發人員與設計師閱讀。

作者簡介

凌杰(网名:owlman)

浙江大学远程教育学院“荣誉学员”。自由开发者、技术写作者兼译者。精通JavaScript、Python、C、C++ 等多门编程语言,拥有丰富的开发及测试经验。曾担任上海交通大学饮水思源BBS的电脑技术区区长。

著有《JavaScript全栈开发》,译有《Python 算法教程》《JavaScript 面向对象编程指南》《元素模式》等作品。

目錄大綱

第 1 章 準備工作 1

1.1 背景知識準備 1

1.1.1 客戶-服務器體系結構 1

1.1.2 HTML、CSS 與JavaScript 3

1.1.3 RESTful 架構 7

1.2 搭建編程環境 8

1.2.1 Web 瀏覽器環境 8

1.2.2 Node.js 運行環境 10

1.2.3 項目開發工具 13

1.2.4 源碼管理機制 16

1.3 代碼調試方法 17

1.3.1 使用console對象 18

1.3.2 使用調試工具 19

1.4 本章小結 22

 

第 一部分 Vue.js 快速入門

 

第 2 章 創建前端應用 25

2.1 選擇Vue.js 框架的原因25

2.2 創建第 一個Vue.js 項目 27

2.2.1 創建並初始化項目 27

2.2.2 正確地加載框架 29

2.2.3 創建源碼文件 33

2.3 初識Vue.js 前端應用 35

2.4 Vue.js 3.x 帶來的變化 36

2.5 本章小結 37

 

第3 章 設計用戶界面 38

3.1 單向數據綁定 38

3.2 實現動態渲染 41

3.2.1 條件渲染 41

3.2.2 循環渲染 44

3.3 響應用戶操作 46

3.3.1 事件處理 47

3.3.2 數據輸入 53

3.4 動態CSS 樣式 56

3.5 本章小結 61

 

第4 章 實現Vue 對象 62

4.1 掛載Vue 對象 62

4.2 操作關聯數據 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 本章小結 80

 

第5 章 使用Vue 組件 81

5.1 Vue 組件基礎 81

5.1.1 創建Vue 組件 82

5.1.2 Vue 專用文件 86

5.1.3 Vue.js 3.x 中的組件 90

5.2 設計Vue 組件 92

5.2.1 面向組件的v-on指令 93

5.2.2 面向組件的v-model 指令 95

5.2.3 預留組件插槽 97

5.3 使用現有組件 101

5.3.1 使用內置組件 102

5.3.2 引入外部組件 109

5.4 本章小結 111

 

第6 章 使用自動化工具 112

6.1 前端打包工具 112

6.1.1 為何需要打包 112

6.1.2 基本打包選項 113

6.1.3 實現自動化打包 128

6.2 項目腳手架工具 131

6.2.1 安裝Vue CLI 工具 132

6.2.2 創建並初始化項目 132

6.2.3 示例項目詳解 133

6.3 前端構建工具 136

6.4 本章小結 139

 

 

第二部分 PC 端瀏覽器項目實踐

 

第7 章 構建服務端RESTful API 143

7.1 理解RESTful 架構 143

7.1.1 REST 設計規範 144

7.1.2 設計RESTful API 146

7.2 RESTful API 示例 149

7.2.1 構建HTTP服務器 149

7.2.2 實現RESTful API 151

7.3 本章小結 163

 

第8 章 PC 端瀏覽器應用開發(上篇) 164

8.1 構建Web 服務 164

8.2 實現前端路由 167

8.3 用戶的登錄與註冊 171

8.3.1 第 一步:加載自定義組件 171

8.3.2 第二步:調用RESTful API 173

8.3.3 第三步:前端狀態管理 177

8.3.4 第四步:顯示用戶信息 182

8.4 本章小結 188

 

第9 章 PC 端瀏覽器應用開發(下篇) 189

9.1 管理圖書信息 189

9.1.1 圖書列表組件 190

9.1.2 添加圖書信息 194

9.1.3 修改圖書信息 202

9.1.4 刪除圖書信息 203

9.2 實現評論功能 206

9.2.1 顯示圖書信息 207

9.2.2 實現書評列表 209

9.3 本章小結 213

 

 

第三部分 移動端項目實踐

 

第 10 章 移動端開發概述 217

10.1 移動端解決方案 217

10.1.1 屏幕適配問題 218

10.1.2 響應觸控操作 222

10.2 uni-app 移動端框架 225

10.2.1 構建uni-app項目 225

10.2.2 uni-app 項目配置 231

10.3 本章小結 235

 

第 11 章 uni-app 項目實踐(上篇) 236

11.1 創建項目 236

11.2 項目配置 237

11.2.1 全局樣式 238

11.2.2 頁面路由 241

11.2.3 tabBar 配置 243

11.2.4 側邊窗口 246

11.3 界面設計 247

11.3.1 容器組件 248

11.3.2 交互組件 250

11.4 API 257

11.4.1 網絡請求 258

11.4.2 數據緩存 259

11.5 本章小結 263

 

第 12 章 uni-app 項目實踐(下篇) 264

12.1 頁面跳轉操作 264

12.1.1 導航組件標簽 264

12.1.2 頁面跳轉接口 266

12.2 生命周期函數 272

12.2.1 頁面生命周期 272

12.2.2 組件生命周期 276

12.2.3 應用生命周期 276

12.3 應用程序打包 277

12.3.1 發布為HTML5應用 278

12.3.2 發布為微信小程序 279

12.4 本章小結 280