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
280
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
kjj6198
0
140
状態管理を楽にする道
kjj6198
1
310
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
perl for shell, awk and sed programmers
mackee
2
1k
ML-прайсинг_на_Lamoda__вошли_и_вышли__приключение_на_20_минут__Слава_Цыганков.pdf
lamodatech
0
400
Subclassing, Composition, Python, and You
hynek
3
190
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
kubode
0
310
組織に自動テストを書く文化を根付かせる戦略(2024秋版) / Building Automated Test Culture 2024 Autumn Edition
twada
PRO
9
3.6k
Debugging: A Few Things You Should Know
jmatsu
1
130
Re:proS_案内資料
rect
0
170
レガシーな Android アプリのリアーキテクチャ戦略
oidy
1
160
Vue SFCのtemplateでTypeScriptの型を活用しよう
tsukkee
3
920
今日で分かる!カスタムコップの作り方
krpk1900
2
270
Honoの来た道とこれから
yusukebe
14
2.2k
CSC509 Lecture 04
javiergs
PRO
0
170
Featured
See All Featured
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
92
16k
Docker and Python
trallard
40
3k
Six Lessons from altMBA
skipperchong
26
3.4k
Speed Design
sergeychernyshev
23
550
Rebuilding a faster, lazier Slack
samanthasiow
79
8.6k
Adopting Sorbet at Scale
ufuk
73
9k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Making Projects Easy
brettharned
115
5.9k
The Invisible Side of Design
smashingmag
297
50k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
GraphQLとの向き合い方2022年版
quramy
43
13k
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)⽣成 等等可以在編譯時期完成的事情