JavaScript + Vue.js Web 開發案例教程
前沿科技 溫謙
- 出版商: 人民郵電
- 出版日期: 2022-05-01
- 定價: $479
- 售價: 8.5 折 $407
- 語言: 簡體中文
- ISBN: 7115578176
- ISBN-13: 9787115578174
-
相關分類:
JavaScript、Vue.js
立即出貨 (庫存 < 3)
買這商品的人也買了...
-
$580$458 -
$454持續集成與持續部署實踐
-
$550$429 -
$450Oracle 12c SQL 和 PL/SQL 編程指南
-
$600$468 -
$500SQL Server 數據庫應用 (全案例微課版)
-
$550$435 -
$780$663 -
$270Oracle 從入門到精通, 4/e
-
$509Spring Boot + MVC 實戰指南
-
$398Vue.js Web 開發案例教程
-
$480$379 -
$620$465 -
$500$390 -
$690$538 -
$505Spring Boot 進階:原理、實戰與面試題分析
-
$580$458 -
$815學透 Spring:從入門到項目實戰
-
$680$537 -
$600$450
相關主題
商品描述
隨著互聯網技術的不斷發展,JavaScript語言及其相關技術越來越受人們的關註,各種JavaScript框架層出不窮。Vue.js作為新一代JavaScript框架中的優秀代表,為廣大開發者提供了諸多便利,在Web開發技術中占據著重要地位。
本書通過豐富的實例詳細講解JavaScript語言和Vue.js框架的相關技術。在JavaScript程序開發篇,講解JavaScript語言的基礎知識,以及控制流、函數、對象、集合、原型、DOM等核心內容。在Vue.js程序開發篇,講解數據綁定、偵聽、事件、樣式控制、結構渲染、組件化開發等核心基礎知識,並在此基礎上,講解AJAX、路由、狀態管理等內容。最後在綜合實戰篇,通過一個綜合案例完整演示使用Vue.js開發綜合項目的過程。本書內容翔實、結構框架清晰、講解循序漸進,並註重各個章節以及實例之間的呼應與對照。
本書既可以作為高等院校相關專業的網頁設計與製作、前端開發等課程的教材,也可以作為JavaScript和Vue.js初學者的入門用書。
作者簡介
温谦: 男,硕士,毕业于华中科技大学计算机专业,实战开发经验丰富,作品广受读者欢迎。 现从事企业软件系统的分析与研发工作,拥有过20年的软件开发经验,主持并成功研发了多个复杂系统;其中,参与建设的人邮学院、融智平台等项目均获得了政府奖励。多年来,对相关技术领域持续投入精力进行深入研究,编写了多部Web开发相关的教材(图书),并被大量高等院校选用,受到了广大读者的欢迎。 教材编写经历及其销量情况如下: (1)《精通CSS+DIV网页设计样式与布局》人邮社出版,销量大约10万册; (2)《CSS设计彻底研究》人邮社出版,销量大约3万册; (3)《HTML+CSS网页设计与布局从入门到精通》人邮社出版,销量大约8万册。
目錄大綱
## 章名目錄
【第 一篇】 JavaScript程序開發
第 1章 JavaScript簡介
第 2章 JavaScript基礎
第3章 程序控制流與函數
第4章 JavaScript中的對象
第5章 在JavaScript中使用集合
第6章 類與原型鏈
第7章 DOM
【第二篇】 Vue.js程序開發
第8章 Vue.js開發基礎
第9章 計算屬性與偵聽器
第 10章 控制頁面的CSS樣式
第 11章 事件處理
第 12章 表單綁定
第 13章 結構渲染
第 14章 組件基礎
第 15章 單文件組件
第 16章 AJAX與axios
第 17章 過渡和動畫
第 18章 Vue.js插件
【第三篇】 綜合實戰
第 19章 綜合案例:“豪華版”待辦事項
## 詳細目錄
【第 一篇】 JavaScript程序開發
第 1章 JavaScript簡介
1.1 其他程序設計語言與JavaScript 2
1.2 JavaScript的起源、發展與標準化 6
1.2.1 起源 6
1.2.2 博弈與發展 7
1.2.3 標準的制定 7
1.3 JavaScript的實現 8
1.3.1 ECMAScript 8
1.3.2 DOM 9
1.3.3 BOM 9
1.3.4 新的開始 10
1.4 Web標準 10
1.4.1 Web標準概述 11
1.4.2 結構、表現、行為的分離 12
1.4.3 前後端分離成為Web開發的主流模式 13
本章小結 13
習題1 13
第 2章 JavaScript基礎
2.1 JavaScript的基本語法 14
2.2 使用VS Code編寫JavaScript代碼 16
2.2.1 創建基礎的HTML文件 16
2.2.2 編寫JavaScript代碼 18
2.2.3 在瀏覽器中查看與調試 18
2.3 關鍵字與保留字 20
2.4 變量 21
2.5 數據類型 23
2.5.1 數值型 23
2.5.2 字符串型 24
2.5.3 布爾型 27
2.5.4 類型轉換 28
2.5.5 數組 30
本章小結 34
習題2 34
第3章 程序控制流與函數
3.1 順序結構:賦值語句與表達式 35
3.2 分支結構:條件語句 36
3.2.1 比較運算符 37
3.2.2 邏輯運算符 37
3.2.3 if語句 38
3.2.4 switch語句 39
3.3 循環結構 40
3.3.1 while語句 41
3.3.2 do…while語句 41
3.3.3 for語句 42
3.3.4 break和continue語句 43
3.3.5 實例:九九乘法表 45
3.3.6 for…of語句 47
3.3.7 for…in語句 47
3.4 函數 48
3.4.1 定義函數的基本方法 48
3.4.2 arguments對象 50
3.4.3 實例:楊輝三角形 52
3.4.4 變量作用域 54
3.4.5 函數作為函數的參數 56
3.4.6 箭頭函數 57
3.5 異常處理 58
本章小結 61
習題3 61
第4章 JavaScript中的對象
4.1 理解對象的含義 62
4.1.1 理解常見的“類-對象”結構 63
4.1.2 理解JavaScript中的對象 64
4.1.3 在JavaScript中創建對象 65
4.2 時間和日期:Date對象 70
4.3 數學計算:Math對象 73
4.4 原始類型與裝箱 75
4.4.1 Boolean 76
4.4.2 Number 77
4.4.3 String 78
4.5 BOM簡介 79
4.5.1 window對象 79
4.5.2 location對象 82
4.5.3 navigator對象 83
4.5.4 screen對象 84
4.5.5 history對象 85
本章小結 87
習題4 87
第5章 在JavaScript中使用集合
5.1 數組 90
5.1.1 數組的基本操作 90
5.1.2 不同數據結構的數組操作 92
5.2 對象 96
5.3 集合類型 98
5.3.1 Map集合 98
5.3.2 Set集合 100
本章小結 101
習題5 101
第6章 類與原型鏈
6.1 使用類語法實現封裝 103
6.1.1 類的聲明與定義 103
6.1.2 通過類創建對象 104
6.1.3 定義方法與調用方法 105
6.1.4 存取器 106
6.1.5 static關鍵字 108
6.1.6 instanceof運算符 108
6.2 使用類語法實現繼承 108
6.3 基於構造函數和原型的面向對象機制 112
6.3.1 封裝 112
6.3.2 繼承 113
6.3.3 原型與原型鏈 114
本章小結 118
習題6 118
第7章 DOM
7.1 網頁中的DOM框架 119
7.2 DOM中的節點 120
7.2.1 元素節點 120
7.2.2 文本節點 120
7.2.3 屬性節點 121
7.3 通過JavaScript訪問DOM 121
7.3.1 訪問節點 122
7.3.2 檢測節點類型 123
7.3.3 父子及兄弟關系 124
7.3.4 節點的屬性 127
7.3.5 創建和操作節點 128
7.4 DOM與CSS 131
7.4.1 HTML、CSS、JavaScript三位一體 131
7.4.2 className屬性 132
7.5 事件 133
7.5.1 事件與事件流 133
7.5.2 事件偵聽 134
7.5.3 事件對象 137
7.6 動手實踐:動態控製表格綜合案例 138
7.6.1 動態添加 138
7.6.2 修改單元格內容 141
7.6.3 動態刪除 142
本章小結 145
習題7 145
【第二篇】 Vue.js程序開發
第8章 Vue.js開發基礎
8.1 Web前端開發概述 148
8.1.1 Web開發簡史 148
8.1.2 基於前後端分離模式的Web開發 149
8.1.3 Vue.js與MVVM模式 150
8.1.4 安裝Vue.js 153
8.1.5 上手實踐:第 一個Vue.js程序 155
8.2 Vue.js開發 157
8.2.1 Vue根實例 157
8.2.2 Vue實例的生命周期 166
本章小結 169
習題8 169
第9章 計算屬性與偵聽器
9.1 計算屬性 170
9.1.1 定義計算屬性 170
9.1.2 計算屬性的緩存特性 172
9.2 偵聽器 175
9.2.1 偵聽器的應用場景 175
9.2.2 偵聽器的基本用法 176
9.2.3 深度偵聽 177
9.2.4 偵聽對象時獲取對象原值 179
9.2.5 使用immediate參數 180
9.2.6 對數組的偵聽 181
本章小結 184
習題9 184
第 10章 控制頁面的CSS樣式
10.1 綁定class屬性 185
10.1.1 以對象方式綁定class屬性 185
10.1.2 將class屬性與對象變量綁定 187
10.1.3 以數組方式綁定class屬性 189
10.1.4 動態改變class屬性值 189
10.1.5 在數組中使用對象 190
10.2 綁定style屬性 191
10.2.1 以對象方式綁定style屬性 191
10.2.2 將style屬性與對象變量綁定 191
10.2.3 以數組方式綁定style屬性 192
10.2.4 動態改變style屬性值 193
本章小結 194
習題10 194
第 11章 事件處理
11.1 標準DOM中的事件 195
11.2 使用Vue.js處理事件 196
11.2.1 內聯方式響應事件 196
11.2.2 事件處理方法 197
11.2.3 在Vue.js中使用事件對象 198
11.3 動手練習:監視鼠標指針移動 199
11.4 事件修飾符 201
11.4.1 準備基礎頁面 201
11.4.2 stop 202
11.4.3 self 202
11.4.4 capture 203
11.4.5 once 203
11.4.6 prevent 203
11.4.7 事件修飾符使用說明 204
11.4.8 按鍵修飾符 205
本章小結 207
習題11 207
第 12章 表單綁定
12.1 輸入文本的綁定 209
12.1.1 文本框 209
12.1.2 多行文本框 210
12.2 選擇類表單元素的綁定 211
12.2.1 單選按鈕 211
12.2.2 復選框 212
12.2.3 下拉框 213
12.2.4 多選列表框 214
12.2.5 鍵值對綁定 214
12.3 修飾符 215
12.3.1 lazy修飾符 215
12.3.2 number修飾符 216
12.3.3 trim修飾符 216
本章小結 217
習題12 217
第 13章 結構渲染
13.1 條件渲染指令v-if 218
13.1.1 v-if 和 v-else 218
13.1.2 v-else-if 219
13.1.3 用key管理可復用的元素 220
13.1.4 v-if 和 v-show 221
13.2 列表渲染指令v-for 222
13.2.1 基本列表 222
13.2.2 迭代對象數組 223
13.2.3 對象屬性列表 224
13.2.4 數值範圍 224
13.2.5 數組更新檢測 225
13.2.6 v-for中key的作用 227
13.2.7 v-for與v-if一同使用時的註意事項 229
13.3 案例——匯率計算器 230
13.3.1 頁面結構和樣式 231
13.3.2 數據模型 231
本章小結 234
習題13 234
第 14章 組件基礎
14.1 自定義組件與HTML標記 235
14.1.1 組件的名稱 237
14.1.2 組件的屬性 237
14.1.3 組件的內容 238
14.1.4 在組件中處理事件 239
14.2 全局組件與局部組件 242
本章小結 243
習題14 244
第 15章 單文件組件
15.1 基礎知識 245
15.2 安裝Vue CLI腳手架工具 246
15.2.1 安裝基礎環境 247
15.2.2 初步使用腳手架工具 248
15.3 動手實踐:投票頁面 250
15.3.1 製作greeting組件 251
15.3.2 製作app組件 252
15.3.3 父子組件之間傳遞數據 254
15.3.4 構建用於生產環境的文件 258
15.4 單頁應用和多頁應用 259
15.4.1 單頁應用和多頁應用的區別 260
15.4.2 多頁應用開發 260
15.4.3 單頁應用開發 261
本章小結 267
習題15 267
第 16章 AJAX與axios
16.1 認識axios 268
16.2 axios的基礎用法 269
16.2.1 常見請求方法調用 269
16.2.2 GET與POST 271
16.2.3 嵌套請求與並發請求 274
16.3 axios的進階用法 277
16.3.1 創建實例 277
16.3.2 實例的相關配置 278
16.3.3 錯誤處理 279
16.3.4 攔截器 280
本章小結 283
習題16 283
第 17章 過渡和動畫
17.1 CSS過渡 285
17.2 單元素過渡 286
17.2.1 transition組件 286
17.2.2 過渡的類名 287
17.3 動手實踐:可折疊的多級菜單 288
17.3.1 搭建頁面結構 288
17.3.2 展開和隱藏菜單 289
17.3.3 添加過渡效果 290
17.3.4 實現多級菜單 291
17.4 列表過渡 294
本章小結 296
習題17 297
第 18章 Vue.js插件
18.1 路由管理插件Vue Router 298
18.1.1 基本用法 298
18.1.2 命名路由 302
18.1.3 路由動態匹配 303
18.1.4 編程式導航 307
18.1.5 重定向和別名 308
18.1.6 進階用法 309
18.1.7 history模式 312
18.2 狀態管理插件Vuex 312
18.2.1 Vuex的基本用法 312
18.2.2 深入掌握Vuex 316
本章小結 324
習題18 325
【第三篇】 綜合實戰
第 19章 綜合案例:“豪華版”待辦事項
19.1 功能描述 329
19.2 用到的知識點 329
19.3 使用Vue CLI搭建項目 330
19.4 頁面結構和樣式 331
19.4.1 添加待辦事項頁面 332
19.4.2 篩選項頁面 332
19.4.3 任務列表頁面 333
19.4.4 編輯任務彈框頁面 334
19.5 組件化 335
19.5.1 抽離單個任務項 335
19.5.2 抽離編輯任務彈框 336
19.6 核心功能的實現 336
19.6.1 定義Todo類 336
19.6.2 使用Vuex管理任務列表 337
19.7 實現各項功能 339
19.7.1 添加待辦事項 339
19.7.2 顯示任務列表 340
19.7.3 動態化篩選項 340
19.7.4 修改任務狀態 341
19.7.5 編輯任務 342
19.7.6 刪除任務 345
19.7.7 調整任務順序 346
19.7.8 持久化任務 347
本章小結 348