Web前端開(kāi)發(fā)主要使用HTML、CSS 和JavaScript框架（Vue.js）。HTML主要用來(lái)編寫網(wǎng)頁(yè)的結(jié)構(gòu)。CSS主要用來(lái)實(shí)現(xiàn)頁(yè)面樣式，包括顏色、大小、字體等，實(shí)現(xiàn)布局美觀、合理的頁(yè)面效果。JavaScript主要用來(lái)實(shí)現(xiàn)頁(yè)面邏輯、行為、動(dòng)作等，動(dòng)態(tài)操作元素的屬性，為頁(yè)面提供交互效果，實(shí)現(xiàn)更好的用戶體驗(yàn)。在構(gòu)建大型交互式項(xiàng)目時(shí)，需要使用JavaScript語(yǔ)言編寫的框架來(lái)提高開(kāi)發(fā)效率。JavaScript框架的核心理念是讓開(kāi)發(fā)者只需寫很少的代碼，就可以實(shí)現(xiàn)更多的功能。Vue （讀音\[vju�耚]） 是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架。Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue 的核心庫(kù)只關(guān)注視圖層，方便與第三方庫(kù)或既有項(xiàng)目整合。另一方面，Vue 完全有能力驅(qū)動(dòng)采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫(kù)開(kāi)發(fā)的復(fù)雜單頁(yè)應(yīng)用。為方便讀者閱讀并上機(jī)練習(xí)，本書在章節(jié)內(nèi)容安排上注重循序漸進(jìn)，實(shí)用性強(qiáng)。全書共分11章，每章內(nèi)容簡(jiǎn)介如下：第1章主要介紹Web前端開(kāi)發(fā)的基礎(chǔ)知識(shí)。在前端開(kāi)發(fā)中，讀者將使用HTML5作為構(gòu)建Web頁(yè)面內(nèi)容的基礎(chǔ)語(yǔ)言，編寫網(wǎng)頁(yè)的結(jié)構(gòu)；使用CSS3實(shí)現(xiàn)頁(yè)面樣式；使用JavaScript作為實(shí)現(xiàn)頁(yè)面邏輯、行為和動(dòng)作等的基礎(chǔ)語(yǔ)言；使用Vue作為前端開(kāi)發(fā)的JavaScript框架；使用Element�睻I或Mint�睻I作為用戶界面UI組件庫(kù)。第2章主要介紹Visual Studio Code、HBuilderX、Notepad 、谷歌瀏覽器、火狐瀏覽器等開(kāi)發(fā)工具。如果讀者沒(méi)有熟悉的Web前端開(kāi)發(fā)工具，建議直接使用本章推薦的工具。當(dāng)然，讀者也可以選擇自己習(xí)慣使用的開(kāi)發(fā)工具。第3章主要對(duì)Vue基礎(chǔ)語(yǔ)法及應(yīng)用進(jìn)行講解，包括Vue實(shí)例及配置選項(xiàng)、Vue數(shù)據(jù)綁定、Vue事件、Vue組件、Vue生命周期、Vue全局API、Vue實(shí)例屬性、Vue組件合并和Vue全局配置等。第4章主要介紹Vue路由，包括vue�瞨outer基礎(chǔ)，使用動(dòng)態(tài)路由進(jìn)行路由匹配，嵌套路由，命名路由，命名視圖和編程式導(dǎo)航等。Vue路由允許用戶使用不同的URL來(lái)訪問(wèn)不同的內(nèi)容。第5章主要圍繞Vuex狀態(tài)管理進(jìn)行詳細(xì)講解，包括Vuex基礎(chǔ)知識(shí)、Vuex配置選項(xiàng)、Vuex中的API等。第6章主要介紹過(guò)渡和動(dòng)畫基礎(chǔ)、多個(gè)元素過(guò)渡、多個(gè)組件過(guò)渡、列表過(guò)渡。在Web項(xiàng)目中合理使用過(guò)渡和動(dòng)畫效果，能夠改善用戶體驗(yàn)，提高頁(yè)面的交互性，影響用戶的行為，引導(dǎo)用戶的注意力以及幫助用戶看到自己動(dòng)作的反饋。第7章主要對(duì)Vue開(kāi)發(fā)環(huán)境搭建及其應(yīng)用進(jìn)行講解，包括Vue開(kāi)發(fā)環(huán)境的搭建方法，Vue項(xiàng)目的創(chuàng)建方法，CLI服務(wù)的原理，vue.config.js文件的配置方法，全局環(huán)境變量與模式的配置及靜態(tài)資源的處理。在頁(yè)面中通過(guò)