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
Day5: Svelte 生命週期方法
Search
Kalan
September 14, 2020
Programming
0
120
Day5: Svelte 生命週期方法
Svelte 元件當中有各式各樣的生命週期方法,可以在各個時間點呼叫達到不同功能。
Kalan
September 14, 2020
Tweet
Share
More Decks by Kalan
See All by Kalan
單頁式應用中的無障礙設計
kjj6198
0
800
選擇 Svelte 的三個理由 - JSDC
kjj6198
0
370
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
kjj6198
0
190
状態管理を楽にする道
kjj6198
1
400
Day25. 如何解析 HTML 語法
kjj6198
0
160
Day24. Svelte 如何編譯程式碼(2)
kjj6198
0
210
Svelte 如何編譯程式碼(1)
kjj6198
0
220
Day22. Svelte 經驗談
kjj6198
0
180
Day18. UI 實戰篇 - 圖片檢視器
kjj6198
0
180
Other Decks in Programming
See All in Programming
perlをWebAssembly上で動かすと何が嬉しいの??? / Where does Perl-on-Wasm actually make sense?
mackee
0
280
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
k0kubun
1
310
從冷知識到漏洞,你不懂的 Web,駭客懂 - Huli @ WebConf Taiwan 2025
aszx87410
2
3.3k
生成AIを利用するだけでなく、投資できる組織へ
pospome
2
430
Developing static sites with Ruby
okuramasafumi
1
340
Vibe codingでおすすめの言語と開発手法
uyuki234
0
160
Navigating Dependency Injection with Metro
l2hyunwoo
1
200
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
n0bisuke2
3
1.4k
AI 駆動開発ライフサイクル(AI-DLC):ソフトウェアエンジニアリングの再構築 / AI-DLC Introduction
kanamasa
11
4.9k
Go コードベースの構成と AI コンテキスト定義
andpad
0
150
re:Invent 2025 トレンドからみる製品開発への AI Agent 活用
yoskoh
0
570
Cap'n Webについて
yusukebe
0
160
Featured
See All Featured
AI: The stuff that nobody shows you
jnunemaker
PRO
1
150
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Speed Design
sergeychernyshev
33
1.5k
Believing is Seeing
oripsolob
0
19
A designer walks into a library…
pauljervisheath
210
24k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
130
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
0
990
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Heart Work Chapter 1 - Part 1
lfama
PRO
3
35k
A better future with KSS
kneath
240
18k
Faster Mobile Websites
deanohume
310
31k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.3k
Transcript
第 12 屆 IT 鐵⼈賽 30 天從 0 到 1
學 Svelte Day5 - ⽣命週期⽅法
第 12 屆 IT 鐵⼈賽 本⽇⽬標 學習 Svelte 當中的⽣命週期⽅法
第 12 屆 IT 鐵⼈賽 ⽣命週期執⾏順序 初始化:beforeUpdate → onMount →
afterUpdate 元件更新:beforeUpdate → afterUpdate 元件銷毀:onDestroy
第 12 屆 IT 鐵⼈賽 ⽣命週期概覽 onMount, beforeUpdate, afterUpdate, onDestroy,
tick
第 12 屆 IT 鐵⼈賽 onMount 在 Svelte 元件掛載時呼叫 onMount
函數不會在 SSR 呼叫 如果有回傳函式,會在 unmount 時呼叫
第 12 屆 IT 鐵⼈賽 beforeUpdate 在狀態更新後,元件更新前執⾏ 會在 onMount 之前執⾏(初始化時)
第 12 屆 IT 鐵⼈賽 afterUpdate 狀態更新後,元件更新後執⾏
第 12 屆 IT 鐵⼈賽 onDestroy 元件銷毀時執⾏