中图网(原中国图书网):网上书店,尾货特色书店,30万种特价书低至2折!

歡迎光臨中圖網(wǎng) 請 | 注冊
> >
VUE.JS 3 WEB開發(fā)案例教程(在線實訓版)

包郵 VUE.JS 3 WEB開發(fā)案例教程(在線實訓版)

出版社:人民郵電出版社出版時間:2024-04-01
開本: 16開 頁數(shù): 304
本類榜單:教材銷量榜
中 圖 價:¥51.3(7.3折) 定價  ¥69.8 登錄后可看到會員價
加入購物車 收藏
開年大促, 全場包郵
?新疆、西藏除外
本類五星書更多>

VUE.JS 3 WEB開發(fā)案例教程(在線實訓版) 版權信息

  • ISBN:9787115629661
  • 條形碼:9787115629661 ; 978-7-115-62966-1
  • 裝幀:平裝-膠訂
  • 冊數(shù):暫無
  • 重量:暫無
  • 所屬分類:>

VUE.JS 3 WEB開發(fā)案例教程(在線實訓版) 本書特色

(1)編排豐富實戰(zhàn)案例,助力讀者快速錘煉實戰(zhàn)技能,上手企業(yè)實戰(zhàn)項目。

(2)提供在線實訓平臺(http://code.artech.cn),支撐隨時開展全書案例實戰(zhàn)演練。

(3)開源分階實戰(zhàn)項目(http://www.geekfun.website),助力不同層次讀者(學生)獲取企業(yè)實戰(zhàn)項目開發(fā)能力。

(4)配套多類教輔資源,包含文本類、視頻類(微課視頻)、案例類、平臺類等。

(5)建立教師服務與交流群(QQ群號:368845661),立體化服務院校教師教學。

VUE.JS 3 WEB開發(fā)案例教程(在線實訓版) 內(nèi)容簡介

隨著互聯(lián)網(wǎng)技術的不斷發(fā)展,JavaScript語言及其相關技術越來越受到人們的關注,各種JavaScript框架層出不窮。Vue.js作為新一代JavaScript框架的優(yōu)秀代表,為廣大開發(fā)者提供了諸多便利,占據(jù)著Web開發(fā)領域的重要位置。 本書詳細講解了Vue.js 3框架的相關技術,如數(shù)據(jù)綁定、偵聽、事件、樣式控制、結(jié)構(gòu)渲染等核心基礎知識;并在此基礎上,講解了組件化開發(fā)的完整邏輯,以及AJAX、過渡動畫、路由、狀態(tài)管理等高級內(nèi)容;*后,編排了3個綜合案例,并給出了從Vue.js 2升級到Vue.js 3的變化。本書內(nèi)容翔實,結(jié)構(gòu)框架清晰,講解循序漸進,注重各章及實例之間的呼應與對照。此外,編者在本書中還編排了豐富的案例,并對Web前端的工程化進行了必要的講解,這能夠幫助讀者鞏固所學理論知識,提高編程實戰(zhàn)技能。 本書既可以作為計算機、軟件工程、人工智能、數(shù)據(jù)科學與大數(shù)據(jù)等專業(yè)的網(wǎng)頁設計與制作、前端開發(fā)等課程的教材,也可以作為Vue.js 3初學者的入門用書。

VUE.JS 3 WEB開發(fā)案例教程(在線實訓版) 目錄

【章名目錄】

第 1章 Web前端開發(fā)概述

第 2章 Vue.js開發(fā)基礎

第3章 計算屬性與偵聽器

第4章 控制頁面的CSS樣式

第5章 事件處理

第6章 表單綁定

第7章 結(jié)構(gòu)渲染

第8章 階段案例——網(wǎng)頁匯率計算器和番茄鐘

第9章 組件基礎

第 10章 單文件組件

第 11章 AJAX與Axios

第 12章 過渡動畫

第 13章 路由Vue Router

第 14章 狀態(tài)管理

第 15章 綜合案例——“豪華版”待辦事項

第 16章 綜合案例——網(wǎng)頁圖片剪裁器

第 17章 綜合案例——電子商務網(wǎng)站

附錄A 從Vue.js 2升級到Vue.js 3

附錄B ECMAScript 2015(ES6)基礎知識



【詳細目錄】

第 1章 Web前端開發(fā)概述

1.1 Web開發(fā)簡史 2

1.2 基于前后端分離模式的Web開發(fā) 3

1.2.1 從提供內(nèi)容到提供服務的轉(zhuǎn)變 3

1.2.2 從“單一網(wǎng)站”到“多終端應用” 4

1.3 Vue.js與MVVM模式 4

1.4 Vue.js開發(fā)中常用的工具 7

1.4.1 Chrome瀏覽器 7

1.4.2 VS Code文本編輯器 8

1.4.3 命令行窗口 9

1.5 安裝Vue.js 10

1.6 上手實踐:第 一個Vue.js程序 11

本章小結(jié) 13

習題1 13



第 2章 Vue.js開發(fā)基礎

2.1 Vue應用實例 14

2.1.1 文本插值 14

2.1.2 方法屬性 18

2.1.3 屬性綁定 21

2.1.4 插入HTML片段 22

2.2 Vue實例的生命周期 23

本章小結(jié) 25

習題2 25



第3章 計算屬性與偵聽器

3.1 計算屬性 26

3.1.1 定義計算屬性 26

3.1.2 計算屬性的緩存特性 28

3.2 偵聽器 31

3.2.1 偵聽器的應用場景 31

3.2.2 偵聽器的基本用法 32

3.2.3 深度偵聽 33

3.2.4 偵聽對象時獲取對象原值 34

3.2.5 使用immediate參數(shù) 36

3.2.6 對數(shù)組進行偵聽 36

本章小結(jié) 38

習題3 38



第4章 控制頁面的CSS樣式

4.1 綁定class屬性 39

4.1.1 以對象方式綁定class屬性 39

4.1.2 將class屬性與對象變量綁定 41

4.1.3 以數(shù)組方式綁定class屬性 42

4.1.4 動態(tài)改變class屬性值 43

4.1.5 在數(shù)組中使用對象 43

4.2 綁定style屬性 44

4.2.1 以對象方式綁定style屬性 44

4.2.2 將style屬性與對象變量綁定 45

4.2.3 以數(shù)組方式綁定style屬性 46

4.2.4 動態(tài)改變style屬性值 46

本章小結(jié) 47

習題4 47



第5章 事件處理

5.1 標準DOM中的事件 48

5.1.1 事件與事件流 48

5.1.2 事件對象 49

5.2 使用Vue.js處理事件 51

5.2.1 以內(nèi)聯(lián)方式響應事件 51

5.2.2 事件處理方法 52

5.2.3 在Vue.js中使用事件對象 53

5.3 動手練習:監(jiān)視鼠標移動 54

5.4 事件修飾符 55

5.4.1 準備基礎頁面 56

5.4.2 .stop 56

5.4.3 .self 57

5.4.4 .capture 57

5.4.5 .once 57

5.4.6 .prevent 58

5.4.7 事件修飾符使用說明 58

5.4.8 按鍵修飾符 59

本章小結(jié) 61

習題5 61



第6章 表單綁定

6.1 輸入文本的綁定 62

6.1.1 文本框 62

6.1.2 多行文本框 63

6.2 選擇類表單元素的綁定 64

6.2.1 單選按鈕 64

6.2.2 復選框 65

6.2.3 下拉框 66

6.2.4 多選列表框 66

6.2.5 鍵值對綁定 67

6.3 修飾符 68

6.3.1 .lazy 68

6.3.2 .number 68

6.3.3 .trim 69

本章小結(jié) 69

習題6 69



第7章 結(jié)構(gòu)渲染

7.1 條件渲染指令v-if 70

7.1.1 v-if和v-else 70

7.1.2 v-else-if 71

7.1.3 v-if和v-show 72

7.2 列表渲染指令v-for 73

7.2.1 基本列表 73

7.2.2 迭代對象數(shù)組 74

7.2.3 對象屬性列表 75

7.2.4 數(shù)值范圍 76

7.2.5 數(shù)組更新檢測 76

7.2.6 v-for中的key屬性有何作用 78

7.2.7 將v-for與v-if一同使用時的注意事項 80

本章小結(jié) 81

習題7 81



第8章 階段案例——網(wǎng)頁匯率計算器和番茄鐘

8.1 網(wǎng)頁匯率計算器 82

8.1.1 頁面結(jié)構(gòu)和樣式 83

8.1.2 數(shù)據(jù)模型 83

8.2 番茄鐘 86

8.2.1 功能描述 86

8.2.2 用到的知識點 87

8.2.3 頁面結(jié)構(gòu)和樣式 87

8.2.4 實現(xiàn)核心邏輯 88

8.2.5 使用Vue.js處理交互 91

本章小結(jié) 95



第9章 組件基礎

9.1 自定義組件與HTML標記 97

9.1.1 組件的名稱 98

9.1.2 組件的屬性 99

9.1.3 組件的內(nèi)容 100

9.1.4 在組件中處理事件 100

9.2 全局組件與局部組件 103

本章小結(jié) 105

習題9 105



第 10章 單文件組件

10.1 安裝Vue CLI腳手架工具 107

10.2 動手練習:投票頁面 111

10.2.1 制作greeting組件 112

10.2.2 制作app組件 113

10.2.3 在父子組件之間傳遞數(shù)據(jù) 115

10.2.4 構(gòu)建用于生產(chǎn)環(huán)境的文件 119

10.3 單頁應用和多頁應用 120

10.3.1 單頁應用和多頁應用的區(qū)別 121

10.3.2 多頁應用開發(fā) 121

10.3.3 單頁應用開發(fā) 123

本章小結(jié) 129

習題10 129



第 11章 AJAX與Axios

11.1 認識AJAX與Axios 130

11.1.1 AJAX的基本概念 130

11.1.2 AJAX的組成部分 132

11.1.3 用原生方法獲取異步數(shù)據(jù) 133

11.1.4 認識Axios 135

11.2 Axios的基礎用法 136

11.2.1 基本用法 136

11.2.2 GET與POST 138

11.2.3 嵌套請求與并發(fā)請求 142

11.3 Axios的進階用法 146

11.3.1 創(chuàng)建實例 146

11.3.2 實例的相關配置 146

11.3.3 錯誤處理 147

11.3.4 攔截器 148

11.4 動手練習:實現(xiàn)自動提示的文本框 151

11.4.1 基本思路與結(jié)構(gòu) 152

11.4.2 樣式布局 152

11.4.3 匹配用戶輸入并顯示提示框 153

11.5 動手練習:模擬百度的“數(shù)據(jù)加載中”效果 155

本章小結(jié) 155

習題11 156



第 12章 過渡動畫

12.1 CSS過渡 157

12.2 單元素過渡 158

12.2.1 transition組件 158

12.2.2 過渡的類名 159

12.3 動手練習:可折疊的多級菜單 160

12.3.1 搭建頁面結(jié)構(gòu) 160

12.3.2 展開和收起菜單 162

12.3.3 添加過渡效果 163

12.3.4 實現(xiàn)多級菜單 164

12.4 列表過渡 167

12.4.1 transition-group組件 167

12.4.2 動手練習:待辦事項 169

本章小結(jié) 174

習題12 174



第 13章 路由Vue Router

13.1 基本用法 175

13.2 命名路由 179

13.3 路由動態(tài)匹配 180

13.3.1 路由參數(shù) 180

13.3.2 多路由參數(shù)與偵聽路由 182

13.3.3 查詢參數(shù) 184

13.3.4 捕獲所有路由 184

13.4 編程式導航 186

13.5 重定向和別名 186

13.6 進階用法 187

13.6.1 導航守衛(wèi) 187

13.6.2 路由元信息 189

13.7 history模式 190

本章小結(jié) 190

習題13 190



第 14章 狀態(tài)管理

14.1 store模式 192

14.1.1 整體頁面結(jié)構(gòu) 193

14.1.2 創(chuàng)建store對象 193

14.1.3 使用store對象 194

14.2 Vuex的基本用法 196

14.3 深入掌握Vuex 199

14.3.1 在單文件組件中使用Vuex 199

14.3.2 action與mutation 203

14.4 動手練習:改進版的“待辦事項”(TodoList) 207

本章小結(jié) 208

習題14 208



第 15章 綜合案例——“豪華版”待辦事項

15.1 功能描述 212

15.2 用到的知識點 213

15.3 使用Vue CLI搭建項目 213

15.4 頁面結(jié)構(gòu)和樣式 215

15.4.1 添加待辦事項 215

15.4.2 任務狀態(tài)的篩選項以及對應的任務個數(shù) 217

15.4.3 任務列表 218

15.4.4 編輯任務彈框 219

15.5 組件化 220

15.5.1 抽離單個任務 220

15.5.2 抽離編輯彈框 221

15.6 核心功能的實現(xiàn) 221

15.6.1 定義Todo類 221

15.6.2 使用Vuex管理任務列表 222

15.7 實現(xiàn)各項功能 224

15.7.1 添加任務 224

15.7.2 顯示任務列表 225

15.7.3 動態(tài)化篩選項 225

15.7.4 修改任務狀態(tài) 226

15.7.5 編輯任務 227

15.7.6 刪除任務 230

15.7.7 調(diào)整任務順序 230

15.7.8 持久化任務 231

本章小結(jié) 233



第 16章 綜合案例——網(wǎng)頁圖片剪裁器

16.1 整體分析 235

16.2 頁面結(jié)構(gòu)和CSS樣式 236

16.2.1 HTML結(jié)構(gòu) 236

16.2.2 選區(qū)部分的結(jié)構(gòu)與樣式 237

16.3 實現(xiàn)核心邏輯 238

16.3.1 定義基礎類 238

16.3.2 定義Cropper類 240

16.4 使用Vue.js處理交互 244

16.4.1 初始化圖像 244

16.4.2 繪制選區(qū) 246

16.4.3 移動選區(qū) 251

16.4.4 調(diào)整選區(qū)大小 252

16.4.5 將手柄封裝為組件 256

16.4.6 *終剪裁 258

本章小結(jié) 259



第 17章 綜合案例——電子商務網(wǎng)站

17.1 案例總體介紹 260

17.1.1 案例目標 260

17.1.2 *終效果展示 262

17.2 搭建網(wǎng)站框架 264

17.2.1 使用Vue CLI搭建項目 264

17.2.2 準備基本頁面及路由 266

17.2.3 安裝Bootstrap 268

17.3 產(chǎn)品頁面 269

17.3.1 靜態(tài)產(chǎn)品列表頁 269

17.3.2 動態(tài)化產(chǎn)品列表頁 270

17.3.3 產(chǎn)品詳情頁 273

17.3.4 頁面裝載狀態(tài)提示 274

17.4 購物車 278

17.4.1 靜態(tài)結(jié)構(gòu) 278

17.4.2 實現(xiàn)購物車可移動 279

17.4.3 實現(xiàn)購物車動態(tài)化 281

17.5 完成網(wǎng)站剩余部分 284

本章小結(jié) 287



附錄A 從Vue.js 2升級到Vue.js 3

A.1 底層變化 288

A.2 開發(fā)者使用層面的改進 293

A.3 開發(fā)工具層面的改進 294



附錄B ECMAScript 2015(ES6)基礎知識

B.1 let關鍵字 296

B.2 const關鍵字 297

B.3 for…of循環(huán) 298

B.4 字符串模板 298

B.5 參數(shù)默認值 298

B.6 類與繼承 299

B.7 箭頭函數(shù) 300

B.8 剩余運算符與剩余參數(shù) 302

B.9 展開運算符 302

B.10 數(shù)組的解構(gòu)賦值 303

B.11 對象的解構(gòu)賦值 303

B.12 模塊 304

展開全部

VUE.JS 3 WEB開發(fā)案例教程(在線實訓版) 作者簡介

溫謙: 全棧工程師,前沿科技創(chuàng)始人,現(xiàn)從事企業(yè)大型軟件系統(tǒng)的分析與開發(fā)工作,擁有超20年的軟件開發(fā)經(jīng)驗,主持并成功開發(fā)了多個復雜系統(tǒng),項目實戰(zhàn)經(jīng)驗豐富。 常銷書作者,畢業(yè)于華中科技大學計算機專業(yè),主編網(wǎng)頁設計與軟件開發(fā)相關領域圖書共12本,圖書編寫經(jīng)驗頗豐,其中《HTML CSS網(wǎng)頁設計與布局從入門到精通》《網(wǎng)頁設計與布局項目化教程(HTML CSS DIV)》等圖書常銷10余年,被百余所高校選作教材。

商品評論(0條)
暫無評論……
書友推薦
編輯推薦
返回頂部
中圖網(wǎng)
在線客服
主站蜘蛛池模板: 广西正涛环保工程有限公司【官网】| 杭州营业执照代办-公司变更价格-许可证办理流程_杭州福道财务管理咨询有限公司 | 胀套-锁紧盘-风电锁紧盘-蛇形联轴器「厂家」-瑞安市宝德隆机械配件有限公司 | 太空舱_民宿太空舱厂家_移动房屋太空舱价格-豪品建筑 | 全自动翻转振荡器-浸出式水平振荡器厂家-土壤干燥箱价格-常州普天仪器 | 上海律师咨询_上海法律在线咨询免费_找对口律师上策法网-策法网 广东高华家具-公寓床|学生宿舍双层铁床厂家【质保十年】 | 陕西自考报名_陕西自学考试网| 稳尚教育加盟-打造高考志愿填报平台_新高考志愿填报加盟_学业生涯规划加盟 | 液氨泵,液化气泵-淄博「亚泰」燃气设备制造有限公司 | 银川美容培训-美睫美甲培训-彩妆纹绣培训-新娘化妆-学化妆-宁夏倍莱妮职业技能培训学校有限公司 临时厕所租赁_玻璃钢厕所租赁_蹲式|坐式厕所出租-北京慧海通 | 砂尘试验箱_淋雨试验房_冰水冲击试验箱_IPX9K淋雨试验箱_广州岳信试验设备有限公司 | 泰国试管婴儿_泰国第三代试管婴儿费用|成功率|医院—新生代海外医疗 | 江苏全风,高压风机,全风环保风机,全风环形高压风机,防爆高压风机厂家-江苏全风环保科技有限公司(官网) | 钢板仓,大型钢板仓,钢板库,大型钢板库,粉煤灰钢板仓,螺旋钢板仓,螺旋卷板仓,骨料钢板仓 | 杭州代理记账多少钱-注册公司代办-公司注销流程及费用-杭州福道财务管理咨询有限公司 | 广州展览制作工厂—[优简]直营展台制作工厂_展会搭建资质齐全 | 密集架-手摇-智能-移动-价格_内蒙古档案密集架生产厂家 | 环境模拟实验室_液体-气体控温机_气体控温箱_无锡双润冷却科技有限公司 | 仿古建筑设计-仿古建筑施工-仿古建筑公司-汉匠古建筑设计院 | 福州时代广告制作装饰有限公司-福州广告公司广告牌制作,福州展厅文化墙广告设计, | 医院专用门厂家报价-医用病房门尺寸大全-抗菌木门品牌推荐 | 蜂窝块状沸石分子筛-吸附脱硫分子筛-萍乡市捷龙环保科技有限公司 | 酒瓶_酒杯_玻璃瓶生产厂家_徐州明政玻璃制品有限公司 | 硬质合金模具_硬质合金非标定制_硬面加工「生产厂家」-西迪技术股份有限公司 | 团建-拓展-拓展培训-拓展训练-户外拓展训练基地[无锡劲途] | 耐高温电缆厂家-远洋高温电缆 | 自动部分收集器,进口无油隔膜真空泵,SPME固相微萃取头-上海楚定分析仪器有限公司 | 酒糟烘干机-豆渣烘干机-薯渣烘干机-糟渣烘干设备厂家-焦作市真节能环保设备科技有限公司 | 移动机器人产业联盟官网| 999范文网_优质范文下载写作帮手 | 广州二手电缆线回收,旧电缆回收,广州铜线回收-广东益福电缆线回收公司 | 知企服务-企业综合服务(ZiKeys.com)-品优低价、种类齐全、过程管理透明、速度快捷高效、放心服务,知企专家! | 电动葫芦|手拉葫芦|环链电动葫芦|微型电动葫芦-北京市凌鹰起重机械有限公司 | 青岛侦探调查_青岛侦探事务所_青岛调查事务所_青岛婚外情取证-青岛狄仁杰国际侦探公司 | 棉服定制/厂家/公司_棉袄订做/价格/费用-北京圣达信棉服 | 东莞爱加真空科技有限公司-进口真空镀膜机|真空镀膜设备|Polycold维修厂家 | 深圳湾1号房价_深圳湾1号二手房源 | 北京翻译公司_同传翻译_字幕翻译_合同翻译_英语陪同翻译_影视翻译_翻译盖章-译铭信息 | 铸铁平台,大理石平台专业生产厂家_河北-北重机械 | 防爆电机生产厂家,YBK3电动机,YBX3系列防爆电机,YBX4节防爆电机--河南省南洋防爆电机有限公司 | 磁棒电感生产厂家-电感器厂家-电感定制-贴片功率电感供应商-棒形电感生产厂家-苏州谷景电子有限公司 |