Tweet
Tweet

Slide 1

Slide 1 text

第 12 屆 IT 鐵⼈賽 30 天從 0 到 1 學 Svelte Day11 - svelte 內建 element 與 SSR 簡介

Slide 2

Slide 2 text

第 12 屆 IT 鐵⼈賽 svelte 內建 element 類型 遞迴使⽤元件 可對 window 物件做操作 與 類似，可操作 body 可操作 head 可以動態引入 Svelte 元件 可針對元件分別指定編譯器選項

Slide 3

Slide 3 text

第 12 屆 IT 鐵⼈賽 遞迴使⽤元件 本範例取⾃官⽅ API ⽂件

Slide 4

Slide 4 text

第 12 屆 IT 鐵⼈賽

Slide 5

Slide 5 text

第 12 屆 IT 鐵⼈賽 好處：把⿇煩事交給 Svelte Svelte 會在正確的時間點處理事件監聽器 不⽤煩惱 SSR 的問題 不需要另外寫監聽器修改變數

Slide 6

Slide 6 text

第 12 屆 IT 鐵⼈賽 處理

Slide 7

Slide 7 text

第 12 屆 IT 鐵⼈賽 使⽤ 的好處 根據元件、⾴⾯不同分別管理 內容 當元件銷毀時，svelte 也會刪除、修改對應內容 ⽀援 SSR，⽅便實作 SEO

Slide 8

Slide 8 text

第 12 屆 IT 鐵⼈賽 淺談 Svelte 當中的 SSR