iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 26
1
影片教學

前端框架新選擇 - 30 天從 0 到 1 學 Svelte系列 第 26

Day26. 實作簡易 Svelte(1):實作 HTML 解析器 | 30 天從 0 到 1 學 Svelte

  • 分享至 

  • xImage
  •  

影片

Yes

內容

昨天我們講解了 HTML 解析的原理,並探討了使用抽象語法樹的目的,有限狀態機等等,今天我們會透過昨天所學到的內容來實作一個 HTML 的解析器,並且慢慢進化成可以解析 Svelte 語法(部分)的解析器。

◼︎ 相關連結:

・Svelte 官網 https://svelte.dev
・程式碼 Demo: https://kjj6198.github.io/tiny-svelte
・原始碼:https://github.com/kjj6198/tiny-svelte

更新

影片當中的解析器有些 Case 不是處理得很完整,可以參考 Github Repo 當中的程式碼。


上一篇
Day25. 如何解析 HTML 語法 | 30 天從 0 到 1 學 Svelte
下一篇
Day27 實作簡易 Svelte(2)- 加入 If Block、Each Block 與 MustacheTag 解析
系列文
前端框架新選擇 - 30 天從 0 到 1 學 Svelte30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言