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
130
Svelte 如何編譯程式碼(1)
Kalan
October 02, 2020
Tweet
Share
More Decks by Kalan
See All by Kalan
單頁式應用中的無障礙設計
kjj6198
0
740
選擇 Svelte 的三個理由 - JSDC
kjj6198
0
260
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
kjj6198
0
130
状態管理を楽にする道
kjj6198
1
290
Day25. 如何解析 HTML 語法
kjj6198
0
110
Day24. Svelte 如何編譯程式碼(2)
kjj6198
0
150
Day22. Svelte 經驗談
kjj6198
0
120
Day18. UI 實戰篇 - 圖片檢視器
kjj6198
0
110
Day17. UI 實戰篇 - 音樂播放器
kjj6198
0
47
Other Decks in Programming
See All in Programming
Cloudflare Workers x AWS Lambdaの組み合わせユースケース / Cloudflare Workers x AWS Lambda Combination Use Case
seike460
PRO
2
310
企業向け生成AIアプリの 開発から得られた知見
takaakikakei
0
310
CSC307 Lecture 05
javiergs
PRO
0
210
DDDを志して3年経ったら「DDDの皮を被ったクリーンアーキテクチャ」になった話【デブサミ2024夏】
texmeijin
1
620
Activities at Cairo Library
cairolibrary720
0
1.2k
Advanced App Shrinking Techniques
cbeyls
2
150
Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察
ojun9
2
160
Webエディタライブラリ 「CodeMirror」から学ぶ Webアプリ開発のテクニック
ryosukeigarashi
0
250
Mastering Developer Experience: A Roadmap for Success 【開発生産性Conference 2024】
findyinc
1
380
実用的かつリーズナブルな 「Azure × Gemini × LINE」~キャラクターBot 実装ライブデモ~
tomodo_ysys
1
170
スクラムマスターって孤独じゃないですか?
yoshitaroyoyo
1
140
Introduction of Happy Eyeballs Version 2 (RFC8305) to the Socket library
coe401_
1
220
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
219
8.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
652
58k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
Learning to Love Humans: Emotional Interface Design
aarron
269
39k
Agile that works and the tools we love
rasmusluckow
325
20k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
Ruby is Unlike a Banana
tanoku
96
10k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
189
16k
Facilitating Awesome Meetings
lara
46
5.8k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
Designing for humans not robots
tammielis
247
25k
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)⽣成 等等可以在編譯時期完成的事情