iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 26
1
影片教學

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

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

影片

內容

昨天我們講解了 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

尚未有邦友留言

立即登入留言