Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Day22. Svelte 經驗談

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Kalan Kalan
October 01, 2020
Programming
0
180

Day22. Svelte 經驗談

Avatar for Kalan

Kalan

October 01, 2020
Tweet

More Decks by Kalan

See All by Kalan
單頁式應用中的無障礙設計
Avatar for Kalan kjj6198
0
810
選擇 Svelte 的三個理由 - JSDC
Avatar for Kalan kjj6198
0
380
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
Avatar for Kalan kjj6198
0
200
状態管理を楽にする道
Avatar for Kalan kjj6198
1
410
Day25. 如何解析 HTML 語法
Avatar for Kalan kjj6198
0
160
Day24. Svelte 如何編譯程式碼（2）
Avatar for Kalan kjj6198
0
220
Svelte 如何編譯程式碼（1）
Avatar for Kalan kjj6198
0
220
Day18. UI 實戰篇 - 圖片檢視器
Avatar for Kalan kjj6198
0
180
Day17. UI 實戰篇 - 音樂播放器
Avatar for Kalan kjj6198
0
91

Other Decks in Programming

See All in Programming
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.4k
生成AIを活用したソフトウェア開発ライフサイクル変革の現在値
Avatar for Hiroyuki Mori hiroyukimori
PRO
0
100
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
CSC307 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
840
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
Avatar for 果物リン fruitriin
0
140
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
140
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
Avatar for Kuniwak orgachem
PRO
1
220
ノイジーネイバー問題を解決する 公平なキューイング
Avatar for Shoichi Ochi occhi
0
110
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
410
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650

Featured

See All Featured
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
57
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
110
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
380
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.3M
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
0
58
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
110

Transcript

  1. 第 12 屆 IT 鐵⼈賽 30 天從 0 到 1

    學 Svelte Day22 - 各種 Svelte 經驗談

  2. 第 12 屆 IT 鐵⼈賽 Svelte 是編譯器嗎？ 是，但不完全是 雖然會預先編譯程式碼，但不是 zero

    runtime https://svelte.dev/repl/58058516ea844c46b7f6609334b52aed?version=3.29.0

  3. 第 12 屆 IT 鐵⼈賽 為什麼 bundle size 比較⼩ 沒有

    runtime 的 diff 演算法，⽽是靠編譯時期幫忙 沒有 Virtual DOM 的機制，盡量使⽤原⽣瀏覽器 API

  4. 第 12 屆 IT 鐵⼈賽 為什麼 bundle size 很重要？ 不是每個⼈、每個城市都有快到不⾏的網路

    不是每個⼈都有效能良好的設備 bundle size ⼩，代表更多空間發揮

  5. 第 12 屆 IT 鐵⼈賽 ⼼智負擔 Svelte 盡量從語法下⼿，讓實作變得更簡單

  6. 第 12 屆 IT 鐵⼈賽 Svelte 可以應⽤在⼤型專案中嗎？ 可以，但可能要另外考慮幾件事

  7. 第 12 屆 IT 鐵⼈賽 Svelte 與 a11y https://github.com/sveltejs/svelte/issues/374

  8. 第 12 屆 IT 鐵⼈賽 為什麼我們需要在意 a11y？

  9. 第 12 屆 IT 鐵⼈賽 我做過的⼀些專案 ⾃我介紹 Build Your Own

    X 動物森友會情報