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
90
Day5: Svelte 生命週期方法
Svelte 元件當中有各式各樣的生命週期方法,可以在各個時間點呼叫達到不同功能。
Kalan
September 14, 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
Svelte 如何編譯程式碼(1)
kjj6198
0
120
Day22. Svelte 經驗談
kjj6198
0
110
Day18. UI 實戰篇 - 圖片檢視器
kjj6198
0
100
Other Decks in Programming
See All in Programming
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.3k
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
5
900
educure_カリキュラム生操作マニュアル.pdf
linew_official
0
730
SIMD Parallel Programming with the Vector API
josepaumard
0
130
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
130
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
680
ゆるい個人開発のススメ
kuroppe1819
10
990
Git Lint
bkuhlmann
4
750
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
26
8.2k
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
170
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
zsmb
0
290
Designing for tomorrow's programming workflows
honnibal
PRO
2
130
Featured
See All Featured
Statistics for Hackers
jakevdp
789
220k
A Philosophy of Restraint
colly
197
16k
A Tale of Four Properties
chriscoyier
151
22k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
Docker and Python
trallard
34
2.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
10 Git Anti Patterns You Should be Aware of
lemiorhan
648
58k
Why Our Code Smells
bkeepers
PRO
331
56k
Building Applications with DynamoDB
mza
88
5.6k
Building Flexible Design Systems
yeseniaperezcruz
319
37k
It's Worth the Effort
3n
180
27k
Infographics Made Easy
chrislema
238
18k
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 元件銷毀時執⾏