Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Svelte 如何編譯程式碼(1)
Search
Kalan
October 02, 2020
Programming
0
140
Svelte 如何編譯程式碼(1)
Kalan
October 02, 2020
Tweet
Share
More Decks by Kalan
See All by Kalan
單頁式應用中的無障礙設計
kjj6198
0
740
選擇 Svelte 的三個理由 - JSDC
kjj6198
0
270
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
kjj6198
0
140
状態管理を楽にする道
kjj6198
1
300
Day25. 如何解析 HTML 語法
kjj6198
0
120
Day24. Svelte 如何編譯程式碼(2)
kjj6198
0
160
Day22. Svelte 經驗談
kjj6198
0
130
Day18. UI 實戰篇 - 圖片檢視器
kjj6198
0
120
Day17. UI 實戰篇 - 音樂播放器
kjj6198
0
50
Other Decks in Programming
See All in Programming
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
160
意外とフォントが大事だった話 / Font Issues on Internationalization
fumi23
0
110
Jakarta EE meets AI
ivargrimstad
1
500
Crafting Cross-Platform Adventures: Building a Game Engine with Kotlin Multiplatform
dwursteisen
0
120
Scala アプリケーションのビルドを改善してデプロイ時間を 1/4 にした話 | How I improved the build of my Scala application and reduced deployment time by 4x
nomadblacky
1
180
Increased Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
360
Amazon BedrockでサーバレスなAIお料理ボットを作成する!!
tosuri13
0
230
Architecture Decision Record (ADR)
nearme_tech
PRO
1
690
LangGraphでのHuman-in-the-Loopの実装
os1ma
3
1.1k
メモリ最適化を究める!iOSアプリ開発における5つの重要なポイント
yhirakawa333
0
420
Kotlin 2.0 and Beyond
antonarhipov
2
150
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
190
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
0
110
Facilitating Awesome Meetings
lara
49
5.9k
Web development in the modern age
philhawksworth
205
10k
Embracing the Ebb and Flow
colly
83
4.4k
Web Components: a chance to create the future
zenorocha
308
42k
Teambox: Starting and Learning
jrom
131
8.7k
YesSQL, Process and Tooling at Scale
rocio
167
14k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
The World Runs on Bad Software
bkeepers
PRO
64
11k
Designing with Data
zakiwarfel
98
5k
KATA
mclloyd
27
13k
Documentation Writing (for coders)
carmenintech
65
4.3k
Transcript
第 12 屆 IT 鐵⼈賽 30 天從 0 到 1
學 Svelte Day23 - 進階篇:Svelte 如何編譯?
第 12 屆 IT 鐵⼈賽 Svelte 編譯流程 {#if} {#each} {#await}
等另外處理 html 語法解析 遇到 { } 內的表達式 ⽤ acron 解析 css (<style> 裡頭) 使⽤ css-tree 產⽣語法樹 AST 產⽣語法樹 <script> 裡頭 使⽤ acron 分析並產⽣語法樹 AST
第 12 屆 IT 鐵⼈賽 語法樹完成! 主要會產⽣三個語法樹,CSS、HTML、instance CSS HTML instance
第 12 屆 IT 鐵⼈賽 準備編譯 a11y 檢查、變數宣告檢查、選擇器檢查、依賴(dependency)⽣成 等等可以在編譯時期完成的事情