iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

了不起的 Svelte 系列

在我年紀尚幼,心智敏感且易碎的那些日子裡,我還記得爸爸曾經給我的一個忠告。這個忠告直到現在我仍掛記在心上,時不時會想起,反覆咀嚼,細細思量。那個忠告是:「當你想要用前端框架寫網頁的時候,請記得,並非所有世上的人們都有跟你相同的網路速度。」
因為我們的溝通總是含蓄且保守,他說到這兒就打住了,但我想我明白他的意思。其結果就是,我希望能在這一次的活動,分享我學習 Svelte 的心路歷程,從基礎介紹,熟悉語法,過場動畫,到發布網頁,一步一步打造出一個可愛又優雅的前端應用。因此我的主題就是:了不起的 Svelte。

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

第 21 天:Svelte 的生命週期函式:`onMount`

第 21 天:Svelte 的生命週期函式:onMount 「今天下午我們自個兒在這邊能做些什麼呢?」黛西激動的說:「明天能做些什麼呢?接下來的三十年又可以做...

2023-10-06 ‧ 由 ithomemhjao 分享
DAY 22

第 22 天:Svelte 資料綁定 `bind`

第 22 天:Svelte 資料綁定 bind 「要不我們都用資料綁定如何?」Svelte 如此建議。他從那張又熱又厚的綠色皮革椅子當中起身。「我剛好把它停在...

2023-10-07 ‧ 由 ithomemhjao 分享
DAY 23

第 23 天:Svelte 資料綁定 `bind`(二)

第 23 天:Svelte 資料綁定 bind(二) 「那兒的資料都綁定完成了嗎?」他焦慮地問道。「對的,都綁定好了。」我猶豫了一下:「你還是回家好好休息休息...

2023-10-08 ‧ 由 ithomemhjao 分享
DAY 24

第 24 天:Svelte 的互動百寶箱:Store(一)

第 24 天:Svelte 的互動百寶箱:Store(一) 第 24 天要講的事 簡介 Store 可複寫的 Store:writable Store   ...

2023-10-09 ‧ 由 ithomemhjao 分享
DAY 25

第 25 天:Svelte 的互動百寶箱:Store(二)

第 25 天:Svelte 的互動百寶箱:Store(二) 第 25 天要講的事 可複寫的 Store:writable Store(續) Store 的自動...

2023-10-10 ‧ 由 ithomemhjao 分享
DAY 26

第 26 天:Svelte 的互動百寶箱:Store(三)

第 26 天:Svelte 的互動百寶箱:Store(三) 「恩,就是這麼一回事了。我漸漸離我的抱負越來越遠,漸漸在她的愛中沉的越來越深,然後突然之間我什麼都...

2023-10-11 ‧ 由 ithomemhjao 分享
DAY 27

第 27 天:Svelte 的過場:`transition`

第 27 天:Svelte 的過場:transition 第 27 天要講的事 替 HTML 元素加入過場效果 過場效果的參數 載入跟卸載時的過場   昨天...

2023-10-12 ‧ 由 ithomemhjao 分享
DAY 28

第 28 天:Svelte 的動態效果:`tweened`

第 28 天:Svelte 的動態效果:tweened 第 28 天要講的事 介紹 Svelte 的動態效果:tweened 利用 tweened 實作動態...

2023-10-13 ‧ 由 ithomemhjao 分享
DAY 29

第 29 天:Svelte 在 HTML 元素上的修飾

第 29 天:Svelte 在 HTML 元素上的修飾 第 29 天要講的事 複習 Svelte 在 HTML 元素上的修飾 HTML 元素的 class 及...

2023-10-14 ‧ 由 ithomemhjao 分享
DAY 30

第 30 天:發布 Svelte 專案

第 30 天:發布 Svelte 專案 他相信著那盞橘燈,這個一年一年在我們眼前變得更加琳瑯滿目的前端框架們。但沒關係,明天將有更多的雲端平台讓我們各種方法佈...

2023-10-15 ‧ 由 ithomemhjao 分享