收聽方式#
介紹#
新一期播客來啦！這一次我們邀請到了來自馬來西亞的 Svelte 核心貢獻者：Li Hau！同事還邀請到了飛行嘉賓 Svelte 組件庫作者白霧三語、Svelte 資深用戶 Smart，以及主播小白菜一起加入了討論。我們圍繞 Svelte 技術本身、嘉賓參與開源的經歷進行了開心有趣的吹水！這也是他首次參與中文播客的技術閒聊，歡迎收聽和互動！
時間軸#
00:00 討論了 Svelte 的一些技術概念、適用場景以及工程化問題，並分享了踩坑經驗。後半程，他們還展望了 Svelte 下一個版本的一些東西。與 Li Hau 聊天後，他們也聊到了他的生活感受和未來規劃。
07:24 開源項目中的機緣巧合和參與動力。
對話中提到了在開源項目中提代碼貢獻的機緣巧合和參與動力。參與開源社區的過程中，個人可以根據自己的興趣和需求參與，並且得到他人的幫助和反饋。對於大項目，提代碼貢獻可能會得到及時的反饋，而小項目可能需要更多的耐心等待。參與開源項目的積極反饋對於吸引更多人參與和使用開源項目至關重要。
12:16 開源項目 Svelte 及其應用場景
本文介紹了開源項目 Svelte 的特點和應用場景。Svelte 是一個前端框架，可以幫助開發者以編譯器編譯代碼並生成高性能的腳本，方便地寫出組件代碼。與其他框架相比，Svelte 沒有虛擬 DOM，性能更高。它的語法接近於 HTML 和 CSS，適合從 Vue 轉過來的開發者入門。
20:26 Svelte 編程的優勢和特點
Svelte 編程對新手友好，通過抽象概念和語法分析幫助新手省去學習框架的額外知識量。另外，Svelte 編程在打包時間和體積上相對於 Vue 略有增加，但源代碼較少，產出也相對較少。
25:55 工程化方案介紹
本文介紹了對於 Svelte 的工程化實現方案，包括 CSS 處理、路由狀態處理以及工具選擇等。其中，推薦使用 SvelteKit 作為默認選項，它提供了全站的框架，包括路由、服務器渲染等功能。此外，還介紹了 SvelteKit 和 SvelteKit 的特點和適用場景，推薦使用 SvelteKit 作為新手的友好選項。最後，還提到了一些與生態相關的問題和發展。
31:07 Svelte 技術的使用和問題探索
本對話片段涉及了對 Svelte 技術本身特點的討論，以及 Svelte 工程化在不同使用場景下的實踐探索。討論中還提到了 Svelte 技術在代碼分析、變量綁定和依賴追踪方面的局限性，以及如何在單元測試中傳遞插槽的問題。這些問題和討論引發了對 Svelte 技術未來發展的關注和思考。
38:51 Svelte 框架的使用體驗
在使用 Svelte 框架的過程中，遇到的最大問題是前期資料不足導致走了一些彎路。但通過後續的使用規避了很多問題。Svelte 框架的全局狀態管理非常方便，滿足了 80% 的需求。此外，文檔和教程的質量也有所提高，國內使用的人越來越多。與其他框架不同，Svelte 框架的教程是以文檔和官方教程的形式呈現的，具有交互式的特點。而且 Svelte 還提供了引導方案和實戰演練，讓新手能夠更加方便地學習和理解概念和 API 的使用方式。與其他框架相比，Svelte 在引導方面的設計非常出色。
43:47 開源工具庫在 Svelte 項目中的應用
本對話片段討論了使用者在使用 Svelte 時推薦的一些工具庫和組件庫，並提到了在使用過程中遇到的一些問題。同時，討論了在 web 開發中使用原生 JS 和原生 TS 的優勢，以及 web components 的使用。最後，還提到了 web conformance 和框架無關的開發思想。
51:36 技術選型和競爭演進
在對話中，討論了技術選型和傳統三大框架的競爭演進。其中，發言人認為不需要追求超越其他框架，而是應該根據自身需求選擇適合的框架。同時，新的框架也在不斷湧現，各自有自己的特點和理念。社區運營能力在開源框架中也變得越來越重要，社區志願者的貢獻和參與對框架的發展起到了關鍵作用。
59:00 開源社區蓬勃發展演進的過程和 V5 版本的新概念
對話片段中提到了開源社區的發展演進過程以及即將發布的 V5 版本的新概念。其中，V5 版本將解決現有模塊中變量依賴分析的問題，通過編譯時的轉譯，實現變量的可見性和使用。此外，對於全局狀態管理和局部定義變量的跟踪，Svelte 提供了相應的概念和 API。然而，在組件內和函數中使用 $ 的方式存在一定差異，仍需要進一步完善。對於這些展望和新特性，建議閱讀官網的相關文檔進一步了解。
67:34 使用 Svelte 的優勢和推薦
本對話片段主要討論了使用 Svelte 編程框架的優勢和推薦。討論內容包括使用 Svelte 簡化代碼、提高性能、方便上手等。對於公司內部推行 Svelte 的問題，個人認為只有當遇到硬性需求時才需要更換框架，而在不硬性需求時可以進行嘗試和推廣。最後，發言人還介紹了自己的一個迷你 Svelte 項目，以及如何通過學習源碼進行學習。
78:54 工作經驗和開源參與的經驗分享
這段對話主要是關於對工作經驗和開源參與的經驗分享。對話中提到了工作時間、愛好、技術選擇和開源項目的經歷。同時，也強調了保持好奇心、了解源碼、思考問題的重要性。通過這些經驗，年輕的程序員可以更好地了解開源項目，並逐漸培養出對技術的理解和思考能力。
88:28 如何保持技術熱愛並平衡工作與興趣
對話圍繞工作中如何保持技術熱愛、如何平衡工作與個人興趣展開。討論了新加坡的工作文化、個人低潮期的影響以及如何尋找自己熱愛的事情。還介紹了 Svelte 框架的優勢和發展前景，以及前端開發的未來。
93:35 前端未來的發展方向和就業前景
本對話片段主要討論了前端未來的發展方向和就業前景。其中涉及到了無虛擬 DOM 的 Vue Vapor 概念的意義，重編譯輕運行時的趨勢，前端開發在未來的需求和 AI 在前端開發中的應用。同時，還討論了編程的基礎邏輯原理在不同領域的適用性，以及個人對於前端未來的看法和規劃。最後，提到了觀看視頻的推介和在 B 站上的發布。
時間軸部分由 AI 總結生成。