基本介紹
- 中文名：Svelte和Sapper實戰
- 作者：[美] R. 馬克·沃爾克曼（R. Mark Volkmann）
- 譯者：顏宇、周軼、王威
- 出版社：清華大學出版社
- 出版時間：2022年1月1日
- 定價：118 元
- ISBN：9787302595151
內容簡介,作者簡介,圖書目錄,
內容簡介
主要內容 ●創建 Svelte組件 ●通過store管理共享數據 ●配置頁面路由 ●調試、測試和部署Svelte 應用程式 ●使用Sapper開發動態網站和靜態網站
作者簡介
R. Mark Volkmann從1996年開始就提供軟體諮詢和培訓服務，目前是位於聖路易斯的Object Computing公司的合作人。作為一名資深的諮詢顧問，Mark為很多公司提供JavaScript、Node.js、Svelte、React、Vue、Angular等方面的幫助，創建並講授了許多課程，包括React、Vue、AngularJS、Node.js、jQuery、JavaScript、HTML5、CSS3、Ruby、Java和XML。他經常面向聖路易斯地區的用戶發表演講，並出席各種會議，包括Nordic.js、Jfokus、NDC Oslo、Strange Loop、MidwestJS、No Fluff Just Stuff和XML DevCon。Mark長期撰寫各類關於軟體開發的文章，這些文章收錄在https://objectcomputing.com/resources/publications/mark-volkmann。
在業餘時間，Mark愛好跑步，已經在39個州參加了49場馬拉松比賽。
圖書目錄
第Ⅰ部分 起步
第1章 初識Svelte 2
1.1 Svelte介紹 3
1.1.1 為什麼選擇Svelte 3
1.1.2 重新思考回響式設計 7
1.1.3 Svelte的缺點 9
1.1.4 Svelte原理 9
1.1.5 Svelte“消失”了？ 11
1.2 Sapper介紹 11
1.2.1 為什麼選擇Sapper？ 11
1.2.2 Sapper的工作方式 13
1.2.3 Sapper適用的場景 13
1.2.4 Sapper不適用的場景 13
1.3 Svelte Native介紹 13
1.4 Svelte與其他框架對比 14
1.4.1 Angular 14
1.4.2 React 14
1.4.3 Vue 14
1.5 開發工具 15
1.6 小結 15
第2章 第一個Svelte應用程式 16
2.1 Svelte REPL 16
2.1.1 Svelte REPL的使用 17
2.1.2 第一個REPL應用程式 18
2.1.3 保存REPL應用程式 22
2.1.4 分享REPL應用程式 24
2.1.5 REPL URL 24
2.1.6 導出REPL應用程式 24
2.1.7 引用npm包 25
2.1.8 REPL限制 25
2.1.9 CodeSandbox 26
2.2 在REPL之外開發 26
2.2.1 npx degit入門 27
2.2.2 package.json 28
2.2.3 關鍵代碼 29
2.2.4 你的第一個本地Svelte應用程式 31
2.3 獎金應用程式 32
2.4 小結 36
第Ⅱ部分 深入探討Svelte
第3章 創建組件 38
3.1 .svelte檔案內容 39
3.2 組件標記 39
3.3 組件名稱 42
3.4 組件樣式 42
3.5 CSS特異性 43
3.6 作用域樣式和全局樣式 45
3.7 使用CSS預處理器 47
3.8 組件邏輯 47
3.9 組件狀態 49
3.10 回響式語句 49
3.11 模組上下文 52
3.12 構建自定義組件 53
3.13 構建Travel Packing應用程式 54
3.14 小結 57
第4章 塊結構 59
4.1 使用{#if}條件邏輯 59
4.2 使用{#each}疊代 61
4.3 使用{#await}處理promise 62
4.4 構建Travel Packing應用程式 65
4.4.1 Item組件 66
4.4.2 實用函式 67
4.4.3 Category組件 68
4.4.4 Checklist組件 70
4.4.5 App組件 73
4.4.6 運行應用程式 74
4.5 小結 75
第5章 組件通信 76
5.1 組件通信方式 77
5.2 props 77
5.2.1 屬性通過export傳入 77
5.2.2 屬性改變時的回響 79
5.2.3 屬性類型 80
5.2.4 指令 81
5.2.5 表單元素中的bind指令 81
5.2.6 bind:this 84
5.2.7 使用bind導出屬性 85
5.3 slot 89
5.4 事件 90
5.4.1 事件派發 90
5.4.2 事件轉發 92
5.4.3 事件修飾符 92
5.5 context 92
5.6 構建Travel Packing應用程式 94
5.7 小結 97
第6章 store 98
6.1 可寫store 98
6.2 可讀store 100
6.3 在合適的地方定義store 100
6.4 使用store 101
6.5 派生store 107
6.6 自定義store 108
6.7 結合類使用store 109
6.8 持久化store 113
6.9 構建Travel Packing應用程式 114
6.10 小結 114
第7章 DOM互動 115
7.1 插入HTML 115
7.2 action 118
7.3 tick函式 119
7.4 實現對話框組件 122
7.5 拖曳 125
7.6 繼續構建Travel Packing應用程式 127
7.7 小結 129
