Vue.js 全平臺前端實戰
淩傑
買這商品的人也買了...
-
使用者故事對照 (User Story Mapping: Discover the Whole Story, Build the Right Product)$580$458 -
Android 高效入門>>深度學習-使用 Android Studio 2 開發 Android 6.0 APP
$650$507 -
$450Ionic 實戰:基於 AngularJS 的移動混合應用開發 -
ASP.NET Core 跨平臺開發從入門到實戰$390$371 -
為你自己學 Git$500$390 -
$348前端工程師必備技能:Vue 移動開發實戰技巧 -
前端設計範式三大天王之 Vue.js$540$459 -
$594架構整潔之道 -
$306現代 API : 通往架構師之門 -
CODE COMPLETE:軟體開發實務指南, 2/e (中文版) (Code Complete: A Practical Handbook of Software Construction, 2/e)$1,280$998 -
$352Vue.js 項目實戰 -
$301Vue.js 快速入門 -
商業級 ASP.NET MVC 樣式與架構實務$550$468 -
輕鬆學會 -- 運算思維與 C# 程式設計實例$450$383 -
$327敏捷整潔之道 : 回歸本源 (Clean Agile : Back to Basics) -
$559ASP.NET Core 3 全棧 Web 開發 : 使用 .NET Core 3.1 和 Angular 9 (第三版) -
$398PHP + jQuery + Vue.js 全棧開發從入門到實戰 (微課視頻版) -
用 ASP.NET Core 打造軟體積木和應用系統$400$316 -
$418Vue.js 核心技術解析與 uni-app 跨平臺實戰開發 -
$327Vue.js 3.x 高效前端開發 (視頻教學版) -
ASP.NET Core 6 實戰守則:超易懂的跨平台開發入門教學 (iT邦幫忙鐵人賽系列書)$600$468 -
$551uni-app 多端跨平臺開發從入門到企業級實戰 -
ASP.NET Core 工程師不可不知的 10大安全性漏洞與防駭方法$690$538 -
邁向賭神之路:麻將必勝秘笈, 2/e$666$526 -
$454uni-app 跨平臺開發與應用從入門到實踐
中文年末書展|繁簡參展書2書75折 詳見活動內容 »
-
75折
為你寫的 Vue Components:從原子到系統,一步步用設計思維打造面面俱到的元件實戰力 (iThome 鐵人賽系列書)$780$585 -
75折
BDD in Action, 2/e (中文版)$960$720 -
75折
看不見的戰場:社群、AI 與企業資安危機$750$563 -
79折
AI 精準提問 × 高效應用:DeepSeek、ChatGPT、Claude、Gemini、Copilot 一本搞定$390$308 -
7折
超實用!Word.Excel.PowerPoint 辦公室 Office 365 省時高手必備 50招, 4/e (暢銷回饋版)$420$294 -
75折
裂縫碎光:資安數位生存戰$550$412 -
日本當代最強插畫 2025 : 150位當代最強畫師豪華作品集$640$576 -
79折
Google BI 解決方案:Looker Studio × AI 數據驅動行銷實作,完美整合 Google Analytics 4、Google Ads、ChatGPT、Gemini$630$498 -
79折
超有料 Plus!職場第一實用的 AI 工作術 - 用對 AI 工具、自動化 Agent, 讓生產力全面進化!$599$473 -
75折
從零開始學 Visual C# 2022 程式設計, 4/e (暢銷回饋版)$690$518 -
75折
Windows 11 制霸攻略:圖解 AI 與 Copilot 應用,輕鬆搞懂新手必學的 Windows 技巧$640$480 -
75折
精準駕馭 Word!論文寫作絕非難事 (好評回饋版)$480$360 -
Sam Yang 的插畫藝術:用 Procreate / PS 畫出最強男友視角 x 女孩美好日常$699$629 -
79折
AI 加持!Google Sheets 超級工作流$599$473 -
78折
想要 SSR? 快使用 Nuxt 吧!:Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化(iThome鐵人賽系列書)$780$608 -
78折
超實用!業務.總管.人資的辦公室 WORD 365 省時高手必備 50招 (第二版)$500$390 -
7折
Node-RED + YOLO + ESP32-CAM:AIoT 智慧物聯網與邊緣 AI 專題實戰$680$476 -
79折
「生成式⇄AI」:52 個零程式互動體驗,打造新世代人工智慧素養$599$473 -
7折
Windows APT Warfare:惡意程式前線戰術指南, 3/e$720$504 -
75折
我輩程式人:回顧從 Ada 到 AI 這條程式路,程式人如何改變世界的歷史與未來展望 (We, Programmers: A Chronicle of Coders from Ada to AI)$850$637 -
75折
不用自己寫!用 GitHub Copilot 搞定 LLM 應用開發$600$450 -
79折
Tensorflow 接班王者:Google JAX 深度學習又快又強大 (好評回饋版)$780$616 -
79折
GPT4 會你也會 - 共融機器人的多模態互動式情感分析 (好評回饋版)$700$553 -
79折
技術士技能檢定 電腦軟體應用丙級術科解題教本|Office 2021$460$363 -
75折
Notion 與 Notion AI 全能實戰手冊:生活、學習與職場的智慧策略 (暢銷回饋版)$560$420
相關主題
商品描述
近十年來前端應用市場的規模日益擴張,學習前端開發及其框架的應用已經成為眾多開發者在職業生涯中必須要面對的課題之一。
本書將以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


