Name: Type Script+Vue.js一氣呵成 - 前端開發大白到大神DM2446
SKU: DM2446
Price: 720 TWD
Availability: InStock

描述

內容簡介

【新書簡介】

本書主要介紹TypeScript及Vue兩大重點，第1章介紹前端基礎知識，HTML、CSS、JavaScript及Vue.js初探。第2章探討TypeScript基礎語法及開發環境設置。第3章主要說明介紹TypeScript物件導向程式設計，如類別與介面。第4章講解TypeScript高階技術，包括泛型與裝飾器。第5章說明Vue範本基本用法，包含插值和指令使用。第6章深入Vue元件屬性和方法，實踐物件導向開發。第7章探討Vue中處理使用者互動的方法。第8章介紹Vue元件的核心概念及應用。第9章進一步講解Vue元件開發，提高專案可維護性。第10章講述Vue的回應性原理和Vue 3.x的組合式API。第11章介紹使用Vue開發前端動畫的技巧。第12章講解Vue CLI和Vite在專案開發中的應用。第13章介紹Element Plus這一基於Vue的UI框架。第14章探討vue-axios網路請求框架的使用。第15章介紹Vue Router前端路由管理的實踐。第16章講解Vuex狀態管理框架的應用。第17章透過一個完整專案綜合運用Vue.js技能。

【本書看點】

‣ 前端基礎知識介紹

‣ TypeScript基礎

‣ 物件導向程式設計

‣ TypeScript進階技術

‣ Vue範本基本用法

‣ Vue元件開發

‣ Vue進階應用

‣ 專案開發工具與狀態管理

作者簡介

張益琿

美國亞利桑那州立大學計算機工程技術碩士，架構師，從業近10年，多年大前端開發經驗，曾就職於知名上市公司，主導開發過多款商業級應用程序，對移動跨平台開發、前端開發，以及Vue.js、React、Flutter、小程序與iOS開發都擁有豐富經驗。開源中國特邀技術專家，發表相關技術博文400餘篇，訪問量超過100萬次。出版《循序漸進Vue.js 3.x前端開發實戰》《微信小程序與雲開發從入門到實踐》《Swift 5從零到精通iOS開發訓練營》等多部暢銷書。

第 1 章 準備知識

1.1 前端技術簡介

1.2 HTML入門

1.3 CSS入門

1.4 JavaScript入門

1.5 漸進式開發框架Vue

1.6 本章小結

第 2 章 TypeScript基礎

2.1 重新認識TypeScript

2.2 TypeScript中的基本類型

2.3 TypeScript中有關類型的高級內容

2.4 函數的宣告和定義

2.5 本章小結

第 3 章 TypeScript中的物件導向程式設計

3.1 理解與應用「類別」

3.2 介面的應用

3.3 TypeScript中的類型推斷與高級類型

3.4 本章小結

第 4 章 TypeScript程式設計進階

4.1 使用泛型進行程式設計

4.2 迭代器與裝飾器

4.3 命名空間與模組

4.4 本章小結

第 5 章 Vue中的範本

5.1 範本基礎

5.2 條件著色

5.3 迴圈著色

5.4 範例：待辦任務列表

5.5 本章小結

第 6 章 Vue元件的屬性和方法

6.1 屬性與方法基礎

6.2 計算屬性和偵聽器

6.3 進行函數限流

6.4 表單資料的雙向綁定

6.5 樣式綁定

6.6 範例：使用者註冊頁面

6.7 本章小結

第 7 章 處理使用者互動

7.1 事件的監聽與處理

7.2 Vue中的事件類型

7.3 實戰一：隨滑鼠移動的小球

7.4 實戰二：彈球遊戲

7.5 本章小結

第 8 章 元件基礎

8.1 關於Vue應用與元件

8.2 元件中資料與事件的傳遞

8.3 自定義元件的插槽

8.4 動態元件的簡單應用

8.5 實戰：開發一款小巧的開關按鈕元件

8.6 本章小結

第 9 章 元件進階

9.1 元件的生命週期與高級配置

9.2 元件props屬性的高級用法

9.3 元件Mixin技術

9.4 使用自訂指令

9.5 元件的Teleport功能

9.6 本章小結

第 10 章 Vue回應性程式設計

10.1 回應性程式設計原理與在Vue中的應用

10.2 響應式的計算與監聽

10.3 組合式API的應用

10.4 實戰：支援搜索和篩選的使用者列表範例

10.5 本章小結

第 11 章 使用動畫

11.1 使用CSS 3建立動畫

11.2 使用JavaScript的方式實現動畫效果

11.3 Vue過渡動畫

11.4 實戰：最佳化使用者清單頁面

11.5 本章小結

第 12 章 Vue CLI工具的使用

12.1 Vue CLI工具入門

12.2 Vue CLI專案範本專案

12.3 在專案中使用依賴

12.4 工程建構

12.5 新一代前端建構工具Vite

12.6 本章小結

第 13 章 Element Plus基於Vue 3的UI元件庫

13.1 Element Plus入門

13.2 表單類元件

13.3 開關與滑動桿元件

13.4 選擇器元件

13.5 提示類元件

13.6 資料承載相關元件

13.7 實戰：教務系統學生表

13.8 本章小結

第 14 章 基於Vue的網路框架vue-axios的應用

14.1 使用vue-axios請求天氣資料

14.2 vue-axios實用功能介紹

14.3 實戰：天氣預報應用

14.4 本章小結

第 15 章 Vue路由管理

15.1 Vue Router的安裝與簡單使用

15.2 帶有參數的動態路由

15.3 頁面導覽

15.4 關於路由的命名

15.5 關於路由傳參

15.6 路由導覽守衛

15.7 動態路由

15.8 本章小結

第 16 章 Vue狀態管理

16.1 認識Vuex框架

16.2 Vuex中的一些核心概念

16.3 本章小結

第 17 章 實戰：程式設計技術討論區系統開發

17.1 項目架設

17.2 登入註冊模組

17.3 發文清單模組的開發

17.4 發文發佈模組開發

17.5 發文詳情模組開發

17.6 評論與回覆模組開發

17.7 搜索模組與退出登入邏輯開發

17.8 本章小結

序

Vue.js本身是JavaScript技術堆疊中的框架，但隨著前端專案規模的增加，JavaScript越來越難以勝任大型團隊合作的複雜專案的開發，TypeScript則彌補了JavaScript這方面的不足，程式設計的方式也更加現代化，因此Vue.js+TypeScript的組合越來越受前端開發人員的喜愛，已成為前端大型專案開發的一種趨勢。

本書以一個資深前端架構師的角度，從零基礎入手，通俗易懂地介紹了TypeScript的基礎語法和進階用法，以及Vue.js全家桶和週邊技術框架，並提供了豐富的範例和專案，旨在讓讀者邊學邊練，快速且紮實地掌握TypeScript的程式設計方法和Vue.js框架的各方面，並真正使用它們開發出商業級的應用程式。

內容結構

本書共分為17章。

第1章是本書的入門，簡單介紹了前端開發必備的基礎知識，包括HTML、CSS和JavaScript這3種前端開發必備的技能，以及JavaScript與TypeScript的關係，然後簡介了Vue.js框架，以讓讀者對本書所講的知識有一個初步印象。

第2~4章是TypeScript部分。

第2章介紹TypeScript中的一些基礎語法，包括開發環境的架設、基底資料型態、函數等相關知識。第3章介紹TypeScript中的物件導向程式設計，包括類別、介面等核心語法。第4章介紹TypeScript高階技術，包括TypeScript中的泛型、迭代器與裝飾器等。

第6~10章是Vue.js部分。

第5章介紹Vue範本的基本用法，包括範本插值、條件與迴圈著色的相關語法。第6章介紹Vue元件中屬性和方法的相關概念，並使用物件導向的想法進行前端程式開發，透過一個功能簡單的登入註冊頁面進行練習。

第7章介紹前端應用中使用者互動的處理方法，使用者互動為應用程式帶來靈魂。除介紹基礎的網頁使用者互動的處理外，還講解如何在Vue.js框架中更加高效率地處理使用者互動事件。

第8章和第9章介紹Vue.js中元件的應用。元件是Vue.js框架的核心，有了元件，才有了開發大型網際網路應用的基礎，元件使得專案的結構更加便於管理，工程的可維護與可擴展性大大提高，且元件本身的重複使用性也使開發者可以大量使用第三方模組，或將自己開發的模組作為元件供各種專案使用，極大地提高了開發效率。

第10章介紹Vue.js框架的回應性原理及Vue.js 3.x版本引入的組合式API的新特性。本章是對讀者開發能力的一種拔高，引導讀者在實現功能到精緻邏輯設計的方向上進步。

第11章介紹透過Vue.js框架開發前端動畫效果。前端是和使用者面對面的，功能本身只是前端應用的一部分，更重要的是給使用者帶來良好的使用體驗。合理地使用動畫是提升使用者體驗的一大法寶。

第12章介紹開發大型專案必備的鷹架Vue CLI和Vite的基本用法，管理專案、編譯、打包都需要使用鷹架工具。

在使用Vue CLI建構結構化的Vue應用前，我們都是透過在HTML中引入Vue.js框架直接使用的，這種方式編譯成功即可直接使用Vue.js提供的功能，這會讓讀者專注於Vue.js框架本身的語法特性，不分散精力在環境架設、語言編譯等工作流程上。因此，這一部分我們依然使用JavaScript來做Vue.js語法的演示。在使用鷹架工具後，編譯相關的工作流程將由鷹架完成，在後續的實踐項目中，讀者即可透過前面所學習的知識，結合運用TypeScript來開發完整的應用程式。

第13章介紹樣式美觀且擴展性極強的基於Vue.js的UI框架Element Plus，第14章介紹網路請求框架vue-axios，第15章介紹一款非常好用的Vue應用路由管理框架Vue Router，第16章介紹強大的狀態管理框架Vuex，透過Vuex開發者可以更進一步地管理大型Vue專案各個模組間的互動。

第17章透過一個相對完整的應用專案全面地對本書所涉及的Vue.js技能進行綜合應用，幫助讀者學以致用，更加深入地理解所學習的內容。

目標讀者

●正在學習前端開發的初學者

●擁有1～2年工作經驗，想進一步提升的前端開發人員

●教育訓練機構的學員和大專院校的學生

最後，感謝支持我的家人和朋友，感謝北京清華大學出版社王金柱編輯的勤勞付出，使本書順利與讀者見面。感謝讀者的耐心，希望本書可以帶給你預期的收穫。限於本人水平，書中疏漏之處在所難免，敬請讀者們斧正。

張益琿

編者