Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Svelte 如何編譯程式碼(1)
Kalan
October 02, 2020
Programming
0
69
Svelte 如何編譯程式碼(1)
Kalan
October 02, 2020
Tweet
Share
More Decks by Kalan
See All by Kalan
選擇 Svelte 的三個理由 - JSDC
kjj6198
0
67
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
kjj6198
0
50
状態管理を楽にする道
kjj6198
1
180
Day25. 如何解析 HTML 語法
kjj6198
0
51
Day24. Svelte 如何編譯程式碼(2)
kjj6198
0
84
Day22. Svelte 經驗談
kjj6198
0
64
Day18. UI 實戰篇 - 圖片檢視器
kjj6198
0
44
Day17. UI 實戰篇 - 音樂播放器
kjj6198
0
24
Day16. UI 實戰篇:Combo Box
kjj6198
0
65
Other Decks in Programming
See All in Programming
Automating Gradle benchmarks at N26
ubiratansoares
PRO
1
140
How to start contributing to Kubernetes Projects
ydfu
0
120
アジャイルで始める データ分析基盤構築
nagano
1
850
回帰分析ではlm()ではなくestimatr::lm_robust()を使おう / TokyoR100
dropout009
0
4.4k
Cloudflare WorkersでGoのHTTPサーバーを動かすライブラリを作った話
syumai
0
140
JetpackCompose 導入半年で感じた 改善点
spbaya0141
0
140
Untangling Coroutine Testing (Droidcon Berlin 2022)
zsmb
1
480
ちょっとつよい足トラ
logilabo
0
340
Scaling Productivity- How we have improved our dev experience
sockeqwe
1
120
Licences open source : entre guerre de clochers et radicalité
pylapp
2
550
プロダクトのタイプ別 GraphQL クライアントの選び方
shozawa
0
8.1k
ストア評価「2.4」だったCOCOARアプリを1年で「4.4」になんとかした方法@Cloud CIRCUS Meetup #2
1901drama
0
180
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1020
420k
Principles of Awesome APIs and How to Build Them.
keavy
113
15k
From Idea to $5000 a Month in 5 Months
shpigford
373
44k
4 Signs Your Business is Dying
shpigford
169
20k
Practical Orchestrator
shlominoach
178
8.7k
BBQ
matthewcrist
74
7.9k
Product Roadmaps are Hard
iamctodd
35
6.8k
Automating Front-end Workflow
addyosmani
1351
200k
Agile that works and the tools we love
rasmusluckow
319
19k
StorybookのUI Testing Handbookを読んだ
zakiyama
5
2.5k
How GitHub (no longer) Works
holman
297
140k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
498
130k
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)⽣成 等等可以在編譯時期完成的事情