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
120
Svelte 如何編譯程式碼(1)
Kalan
October 02, 2020
Tweet
Share
More Decks by Kalan
See All by Kalan
單頁式應用中的無障礙設計
kjj6198
0
730
選擇 Svelte 的三個理由 - JSDC
kjj6198
0
230
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
kjj6198
0
110
状態管理を楽にする道
kjj6198
1
270
Day25. 如何解析 HTML 語法
kjj6198
0
100
Day24. Svelte 如何編譯程式碼(2)
kjj6198
0
140
Day22. Svelte 經驗談
kjj6198
0
110
Day18. UI 實戰篇 - 圖片檢視器
kjj6198
0
100
Day17. UI 實戰篇 - 音樂播放器
kjj6198
0
44
Other Decks in Programming
See All in Programming
見た目から始める生産性向上
ikumatadokoro
7
790
ONE WEDGE_company_guide
1wedge_one
0
450
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
230
코틀린으로 멀티플랫폼 만들기
pangmoo
0
140
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
160
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
220
コーンフレークから始める モデリング会話入門
ogurotakayuki
0
350
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
240
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
230
Compose-View Interop in Practice (mDevCamp 2024)
stewemetal
0
110
What We Can Learn From OSS
inouehi
0
420
Goのmultiple errorsについて (2024年4月版)
syumai
1
400
Featured
See All Featured
KATA
mclloyd
15
12k
Writing Fast Ruby
sferik
621
60k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Imperfection Machines: The Place of Print at Facebook
scottboms
260
12k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
Building a Scalable Design System with Sketch
lauravandoore
456
32k
Rails Girls Zürich Keynote
gr2m
91
13k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
It's Worth the Effort
3n
180
27k
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)⽣成 等等可以在編譯時期完成的事情