国产成人免费视频精品一区二区,日韩高清无不码不卡视频,精品一区二区三区在线播放

本書以Vue.js的3.0版本為核心技術(shù)棧，圍繞前端工程化和TypeScript的知識點展開講解，根據(jù)筆者多年的前端開發(fā)和一線團隊管理經(jīng)驗，將Vue 3的知識點按照工程師做項目的實施順序梳理成章，一步一步幫助讀者進行前端工程化和Vue 3的開發(fā)。從前端工程化開始到TypeScript語言的學(xué)習，再到使用TypeScript開發(fā)Vue 3項目，通過循序漸進的學(xué)習過程提升讀者在前端工程化領(lǐng)域的實戰(zhàn)能力。
本書大部分知識點都搭配了通俗易懂、可實現(xiàn)的代碼案例，讀者掃描封底的二維碼可獲得隨書附贈的源代碼等資源。本書適合計算機前端開發(fā)技術(shù)人員、前端技術(shù)團隊管理人員和相關(guān)專業(yè)的在校大學(xué)生閱讀。

Vue 3.0從2020年9月中旬正式發(fā)布到2022年2月代替Vue 2成為Vue的默認版本。經(jīng)過長達一年半的市場驗證，已經(jīng)證明了它可以完美地支持常見的企業(yè)需求，適合投產(chǎn)使用，未來會被越來越多的企業(yè)所采用，只掌握Vue 2遠遠不能滿足企業(yè)的技能要求。
本書以Vue.js的3.0版本為核心技術(shù)棧，圍繞前端工程化和TypeScript的知識點展開講解，主要內(nèi)容如下：
1）如何進行前端工程化開發(fā)，掌握Node.js和npm的使用。
2）前端領(lǐng)域多年來受歡迎趨勢走高、帶有類型支持的TypeScript 語言。
3）上手主流前端框架Vue.js的全新版本，并且在遇到常見問題時知道如何解決。
本書全面融入了筆者多年的開發(fā)實踐經(jīng)驗，大部分知識點都搭配了通俗易懂的講解和可實現(xiàn)的代碼案例，在閱讀的過程中讀者可以親自編寫代碼加強學(xué)習，畢竟上手一個新技術(shù)棧最快的方法，就是邊學(xué)邊練。
本書作為一本入門類教程，主要面向以下讀者人群：
1）掌握了基礎(chǔ)的HTML頁面編寫知識，想學(xué)習一個主流前端框架的新手前端工程師。
2）已經(jīng)掌握Vue 2 ，面對Vue 3的大版本更新想快速上手使用的前端工程師。
3）非職業(yè)前端開發(fā)人員，但涉及前端的工作，需要掌握一個主流前端框架的全棧工程師。
本書根據(jù)筆者多年的前端開發(fā)經(jīng)驗和一線團隊管理經(jīng)驗，將Vue 3的知識點按照工程項目的實施順序梳理成章，一步一步幫助工程師入門前端工程化和Vue 3的開發(fā)。
書中包含了很多在構(gòu)建項目過程中容易遇到的問題點和解決方案，對Vue 3和Vue 2差異化較大的功能點還進行了版本之間的寫法對比。這一點和各技術(shù)棧的官方文檔有較大的不同，官方文檔更適合作為一本工具書，方便在需要的時候?qū)PI 進行檢索查詢。
目前筆者所帶領(lǐng)的前端團隊已經(jīng)全員使用TypeScript和Vue 3進行日常的開發(fā)工作，團隊成員的學(xué)習過程都非常順利，各位讀者可放心閱讀。筆者推薦按照本書章節(jié)的順序進行學(xué)習，從前端工程化開始到TypeScript語言的學(xué)習，再到使用TypeScript開發(fā)Vue 3項目，這是一個循序漸進的學(xué)習過程。
Vue.js是一個漸進式的框架，它可以只用最基礎(chǔ)的組件來開發(fā)一個小項目，也可以引入相關(guān)生態(tài)組合成一個大項目（如Vue Router、 Vuex、 Pinia等）。本書和Vue.js 框架一樣，也是一個漸進式的教程，對于本身已經(jīng)有一定Vue.js基礎(chǔ)的開發(fā)者來說，也可以在遇到具體問題的時候，只閱讀對應(yīng)部分的內(nèi)容。
在學(xué)習的過程中，筆者推薦將已有的其他技術(shù)棧項目使用Vue 3重新編寫，使其可以復(fù)刻原來的功能。比如一個使用jQuery或者是Vue 2編寫的活動頁面或小工具，用Vue 3重新實現(xiàn)一遍，看能否還原出原來的功能。如果能夠成功實現(xiàn)，則說明已經(jīng)掌握Vue 3的使用技巧了。在學(xué)習的過程中如有什么問題想與筆者交流，可以給筆者發(fā)送郵件，郵箱是chengpeiquan@chengpeiquan.com。由于水平所限，書中難免有疏漏之處，請廣大讀者不吝賜教。

筆者
2022.11.30

前言
第1章前端工程化概述/
1.1傳統(tǒng)開發(fā)的弊端/
1.2工程化帶來的優(yōu)勢/
1.2.1開發(fā)層面的優(yōu)勢/
1.2.2團隊協(xié)作的優(yōu)勢/
1.2.3求職競爭上的優(yōu)勢/
1.3Vue.js與工程化/
1.3.1了解Vue.js與全新的3.0版本/
1.3.2Vue與工程化之間的關(guān)聯(lián)/
1.3.3選擇Vue入門工程化的理由/
1.4現(xiàn)代化的開發(fā)概念/
1.4.1MPA與SPA/
1.4.2CSR與SSR/
1.4.3Pre-Rendering與SSG/
1.4.4ISR與DPR/
1.5工程化不止于前端/
1.5.1服務(wù)端開發(fā)/
1.5.2App開發(fā)/
1.5.3桌面程序開發(fā)/
1.5.4應(yīng)用腳本開發(fā)/
1.6實踐工程化的流程/
1.7工程化神器Node.js/
1.7.1Node.js/
1.7.2Runtime/
1.7.3Node和瀏覽器的區(qū)別/
1.8工程化的構(gòu)建工具/
1.8.1為什么要使用構(gòu)建工具/
1.8.2Webpack/
1.8.3Vite/
1.8.4兩者的區(qū)別/
1.8.5開發(fā)環(huán)境和生產(chǎn)環(huán)境/
第2章工程化的前期準備/
2.1命令行工具/
2.1.1Windows/
2.1.2macOS/
2.2安裝Node環(huán)境/
2.2.1下載和安裝Node/
2.2.2版本之間的區(qū)別/
2.3基礎(chǔ)的Node項目/
2.3.1初始化一個項目/
2.3.2了解package.json/
2.3.3項目名稱規(guī)則/
2.3.4語義化版本號管理/
2.3.5腳本命令的配置/
2.3.6Hello Node/
2.4學(xué)習模塊化設(shè)計/
2.4.1模塊化解決了什么問題/
2.4.2如何實現(xiàn)模塊化/
2.4.3用 CommonJS 設(shè)計模塊/
2.4.4用 ES Module 設(shè)計模塊/
2.5認識組件化設(shè)計/
2.5.1什么是組件化/
2.5.2解決了什么問題/
2.5.3如何實現(xiàn)組件化/
2.6依賴包和插件/
2.6.1包/
2.6.2node_modules/
2.6.3包管理器/
2.6.4依賴包的管理/
2.6.5如何使用包/
2.7控制編譯代碼的兼容性/
2.7.1如何查詢兼容性/
2.7.2Babel的使用和配置/
第3章快速上手TypeScript/
3.1為什么需要類型系統(tǒng)/
3.2Hello TypeScript/
3.3常用的 TS 類型定義/
3.3.1原始數(shù)據(jù)類型/
3.3.2數(shù)組/
3.3.3對象（接口）/
3.3.4類/
3.3.5聯(lián)合類型/
3.3.6函數(shù)/
3.3.7任意值/
3.3.8npm 包/
3.3.9類型斷言/
3.3.10類型推論/
3.4如何編譯為 JavaScript 代碼/
3.4.1編譯單個文件/
3.4.2編譯多個模塊/
3.4.3修改編譯后的JavaScript版本/
3.4.4其他事項/
3.5了解 tsconfig.json/
第4章腳手架的升級與配置/
4.1全新的 Vue 版本/
4.1.1使用 Vue 3/
4.1.2使用 Vue 2/
4.2Hello Vue 3/
4.3使用 Vite 創(chuàng)建項目/
4.3.1create-vite/
4.3.2create-vue/
4.3.3create-preset/
4.3.4管理項目配置/
4.4使用 @vue/cli 創(chuàng)建項目/
4.4.1CLI和Vite的區(qū)別/
4.4.2更新 CLI 腳手架/
4.4.3使用 CLI 創(chuàng)建 3.x 項目/
4.4.4管理項目配置/
4.5調(diào)整TypeScript Config/
4.6添加協(xié)作規(guī)范/
4.6.1Editor Config/
4.6.2Prettier/
4.6.3ESLint/
4.7安裝 VSCode/
4.8添加 VSCode 插件/
4.8.1Chinese (Simplified)/
4.8.2Volar/
4.8.3Vue VSCode Snippets/
4.8.4Auto Close Tag/
4.8.5Auto Rename Tag/
4.8.6EditorConfig for VSCode/
4.8.7Prettier for VSCode/
4.8.8ESLint for VSCode/
4.8.9其他插件/
4.9項目初始化/
4.9.1入口文件/
4.9.2回顧 Vue 2的入口文件/
4.9.3了解 Vue 3的入口文件/
4.10Vue Devtools/
第5章單組件的編寫/
5.1全新的 setup 函數(shù)/
5.1.1setup的含義/
5.1.2setup的參數(shù)使用/
5.1.3defineComponent的作用/
5.2組件的生命周期/
5.2.1升級變化/
5.2.2使用 3.x的生命周期/
5.3組件的基本寫法/
5.3.1回顧 Vue 2中組件的基本寫法/
5.3.2了解 Vue 3中組件的基本寫法/
5.4響應(yīng)式數(shù)據(jù)的變化/
5.4.1設(shè)計上的變化/
5.4.2用法上的變化/
5.5響應(yīng)式 API：ref/
5.5.1類型聲明/
5.5.2變量的定義/
5.5.3DOM 元素與子組件/
5.5.4變量的讀取與賦值/
5.6響應(yīng)式 API：reactive/
5.6.1類型聲明與定義/
5.6.2變量的讀取與賦值/
5.6.3特別注意事項/
5.7響應(yīng)式 API：toRef 與 toRefs/
5.7.1它們各自的作用/
5.7.2使用 toRef/
5.7.3使用 toRefs/
5.7.4為什么要進行轉(zhuǎn)換/
5.7.5什么場景下比較適合使用它們/
5.7.6在業(yè)務(wù)中的具體運用/
5.7.7需要注意的問題/
5.8函數(shù)的聲明和使用/
5.9數(shù)據(jù)的偵聽/
5.9.1watch/
5.9.2watchEffect/
5.9.3watchPostEffect/
5.9.4watchSyncEffect/
5.10數(shù)據(jù)的計算/
5.10.1用法變化/
5.10.2類型聲明/
5.10.3優(yōu)勢對比和注意事項/
5.10.4setter的使用/
5.10.5應(yīng)用場景/
5.11指令/
5.11.1內(nèi)置指令/
5.11.2自定義指令/
5.12插槽/
5.12.1默認插槽/
5.12.2具名插槽/
5.12.3默認內(nèi)容/
5.12.4注意事項/
5.13CSS 樣式與預(yù)處理器/
5.13.1編寫組件樣式表/
5.13.2動態(tài)綁定 CSS/
5.13.3樣式表的組件作用域/
5.13.4深度操作符/
5.13.5使用 CSS 預(yù)處理器/
第6章路由的使用/
6.1路由的目錄結(jié)構(gòu)/
6.2在項目里引入路由/
6.2.

你還可能感興趣

我要評論