iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

前端工程的另一個選擇 Svelte 系列

介紹Svelte的基本知識,並透過實作一個網站來學習Svelte基本用法以及概念,最後在依據目前網頁常用的技術在Svelte上實作。

參賽天數 2 天 | 共 30 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文
DAY 1

DAY01-輕薄快速上手的新體驗

svelte 前端工程師的另一個選擇 相信大家對於主流的前端框架angular、react、vue不陌生,但是提到 svelte 可能知道的人就沒那麼多了,筆者...

2019-09-02 ‧ 由 kirai 分享
DAY 2

DAY02-前置作業

在這之前 在看過上一篇的簡介不知道讀者們對於 svelte 有初步的認識,是否有更近一步瞭解的想法,在那之前先來建置環境吧> 本文同步放置於此 前置作...

2019-09-03 ‧ 由 kirai 分享
DAY 2

DAY03-第一個專案

初始化專案 在設定好環境之後可以開始撰寫程式了,所以這篇文章來介紹如何產生一個 svelte 專案 本文同步放置於此 產生專案的方式 svelte 產生專案...

2019-09-05 ‧ 由 kirai 分享
DAY 2

DAY04-這不就是html跟javascript嗎

開始撰寫 svelte 程式碼 在完成安裝以及建立一個新專案後我們準備開始撰寫第一個程式碼了。 本文同步放置於此 開始撰寫之前 在開始撰寫之前要讓所有讀者知...

2019-09-05 ‧ 由 kirai 分享
DAY 2

DAY05-變數的用法

開始撰寫程式碼 在設定好基本的結構後我們將要開始進入 svelte 程式碼的撰寫,今天會教授大家怎麼宣告變數,以及使用變數。 本文同步放置於此 變數的類型...

2019-09-06 ‧ 由 kirai 分享
DAY 2

DAY06-組件與屬性

組件與屬性 昨天我們介紹了變數的宣告以及如何在html上使用變數,今天要更進一步說明屬性以及組件。 本文同步放置於此 名詞解釋 說中文可能讀者們不知道筆者在...

2019-09-07 ‧ 由 kirai 分享
DAY 2

DAY07-foreach也來幫忙

如果有很多重複一樣的東西該怎麼辦 昨天教授大家怎麼抽組件以及如何傳遞資料給組件,但是如果有很多相同的html或是同樣的組件要如何處理呢?今天就來告訴大家在sve...

2019-09-08 ‧ 由 kirai 分享
DAY 2

DAY08-if else也可以喔

如何決定要不要顯示 昨天教授大家如何將陣列內的資料透過組件顯示出來,但是如果不想顯示某個資料時該如何處理呢?今天就教授大家如何在svelte完成這需求。 本文...

2019-09-09 ‧ 由 kirai 分享
DAY 2

DAY09-$ 的用法就是即時反應

即時反應 在之前跟大家分享了svelte在html上操作的語法,也分享了如何在html上渲染變數,然後也提到更新畫面的規則及限制,今天要跟大家分享如何即時反應。...

2019-09-10 ‧ 由 kirai 分享
DAY 2

DAY10-html 事件處理

事件綁定 在昨天分享的即時更新中有帶到按鈕的點擊事件綁定,今天來正式說明一下。 本文同步放置於此 綁定事件的方式 綁定事件主要是on修飾詞後面帶事件名稱,例...

2019-09-11 ‧ 由 kirai 分享