作 者:(馬來)郭隆添 著 張騫 譯
定 價:159
出 版 社:清華大學出版社
出版日期:2023年02月01日
頁 數:604
裝 幀:平裝
ISBN:9787302622031
Nuxt.js(本書稱作Nuxt)是一個基於Vue.js(本書稱作Vue)的優選的Web框架,主要用於服務器端渲染(SSR)。現在,借助Nuxt和Vue,構建通用和靜態生成的應用程序比以往任何時候都更加容易。
●第1部分 第1個Nuxt應用程序
第1章 Nuxt簡介 3
1.1 從Vue到Nuxt 3
1.2 為何使用Nuxt 4
1.2.1 編寫單文件組件 4
1.2.2 編寫ES2015+ 6
1.2.3 利用預處理器編寫CSS 6
1.2.4 利用模塊和插件擴展Nuxt 7
1.2.5 在路由之間添加過渡 8
1.2.6素 9
1.2.7 利用webpack打包和劃分代碼 9
1.3 應用程序的類型 11
1.3.1 傳統的服務器端渲染的應用程序 11
1.3.2 傳統的單頁應用程序(SPA) 12
1.3.3 通用服務器端渲染的應用程序(SSR) 14
1.3.4 靜態生成的應用程序 15
1.4 作為通用SSR應用程序的Nuxt 16
1.5 作為靜態站點生成器的Nuxt 17
1.6 作為單頁應用程序的Nuxt 17
1.7 本章小結 18
第2章 開始Nuxt之旅 19
2.1 技術需求 19
2.2 安裝Nuxt 20
2.2.1 使用create-nuxt-app 20
2.2.2 從頭開始安裝 22
2.3 了解目錄結構 22
2.3.1 /assets/目錄 23
2.3.2 /static/目錄 24
2.3.3 /pages/目錄 24
2.3.4 /layouts/目錄 24
2.3.5 /components/目錄 24
2.3.6 /plugins/目錄 25
2.3.7 /store/目錄 26
2.3.8 /middleware/目錄 26
2.3.9 package.json文件 26
2.3.10 nuxt.config.js文件 27
2.3.11 別名 27
2.4 了解自定義配置 28
2.4.1 mode選項 29
2.4.2 target選項 29
2.4.3 head選項 29
2.4.4 css選項 30
2.4.5 plugins選項 31
2.4.6 components選項 31
2.4.7 buildModules選項 31
2.4.8 modules選項 31
2.4.9 build選項 32
2.4.10 dev選項 33
2.4.11 rootDir選項 34
2.4.12 srcDir選項 34
2.4.13 server選項 35
2.4.14 env選項 36
2.4.15 router選項 37
2.4.16 dir選項 38
2.4.17 loading選項 39
2.4.18 pageTransition和layoutTransition選項 39
2.4.19 generate選項 40
2.5 了解數據資源服務機制 41
2.6 本章小結 44
第3章 添加UI框架 45
3.1 添加Foundation和Motion UI 45
3.1.1 利用Foundation創建網格布局和站點導航 47
3.1.2 使用Foundation中的JavaScript實用程序和插件 49
3.1.3 利用Motion UI創建CSS動畫和過渡 52
3.1.4 利用Foundation Icon Fonts 3添加圖標 55
3.2 添加Less(Leaner Style Sheets) 56
3.3 添加jQuery UI 59
3.4 添加AOS 62
3.5 添加Swiper 64
3.6 本章小結 67
第2部分 視圖、路由、組件、插件和模塊
第4章 添加視圖、路由和過渡效果 71
4.1 創建自定義路由 71
4.1.1 Vue Router 71
4.1.2 安裝Vue Router 72
4.1.3 利用Vue Router創建路由 72
4.1.4 創建基本的路由 74
4.1.5 創建動態路由 75
4.1.6 創建嵌套路由 76
4.1.7 創建動態嵌套路由 82
4.1.8 驗證路由參數 84
4.1.9 利用_.vue文件處理未知的路由 85
4.2 創建自定義視圖 87
4.2.1 理解Nuxt視圖 87
4.2.2 自定義應用程序模板 88
4.2.3 創建自定義HTML頭 89
4.2.4 創建自定義布局 94
4.2.5 創建自定義頁面 97
……
《Nuxt.js Web開發實戰》詳細闡述了與Nuxt.js相關的基本解決方案,主要包括Nuxt簡介,開始Nuxt之旅,添加UI框架,添加視圖、路由和過渡效果,添加Vue組件,編寫插件和模塊,添加Vue表單,添加服務器端框架,添加服務器端數據庫,添加Vuex Store,編寫路由中間件和服務器中間件,創建用戶登錄和API身份驗證,編寫端到端測試,Linter、格式化程序和部署命令,利用Nuxt創建一個SPA,為Nuxt創建一個框架無關的PHP API,利用Nuxt創建一個實時應用程序,利用CMS和GraphQL創建Nuxt應用程序等內容。此外,本書還提供了相應的示例、代碼,以幫助讀者進一步理解相關方案的實現過程。
(馬來)郭隆添 著 張騫 譯
郭隆添是一位跨學科的全棧web開發人員/設計師和分析師。他出生在馬來西亞檳城。他在馬來西亞沙撈越大學獲得應用藝術學士學位(1996 - 1999年),在英國普利茅斯大學數字藝術與技術學院獲得數字未來碩士學位(2002 - 2003年)。