使用 Vue 3 + Intersection Observer 打造智慧型目錄組件:支援動態高亮與平滑滾動

使用 Vue 3 + Intersection Observer 打造智慧型目錄組件:支援動態高亮與平滑滾動

想提升長篇文章或技術文件的閱讀體驗?本篇教你如何使用 Vue 3 的 Composition API 結合 Intersection Observer 打造智慧型 TOC 組件,實現動態高亮當前段落、平滑滾動跳轉、支援 h2/h3 層級與響應式設計,全面強化你的網站導航與用戶體驗。

April 19, 2025
技術演講神器 Slidev:程式碼高亮、Mermaid 圖表、LaTeX 公式全支援

技術演講神器 Slidev:程式碼高亮、Mermaid 圖表、LaTeX 公式全支援

Slidev 是專為開發者與技術講者打造的開源簡報工具,支援 Markdown 撰寫、Vue 組件擴充、程式碼高亮、Mermaid 圖表與 LaTeX 數學公式,讓你輕鬆製作互動、可客製化的專業技術簡報。

April 16, 2025
2025 前端技能圖譜:系統化學習之路—基於台灣招聘市場的研究與實踐

2025 前端技能圖譜:系統化學習之路—基於台灣招聘市場的研究與實踐

前端開發作為一個不斷演進的領域,每年都有新的技術和框架湧現。作為一名全棧開發者,我長期以來一直在思考如何系統化地組織前端知識,並將這些知識有效地傳遞給更多人。這篇文章將分享我如何基於台灣招聘市場的研究,構建了一套全面的前端技能圖譜,以及我未來的寫作計劃。

March 25, 2025
回顧我的 2023 開發者生涯:前端、後端、雲端、到 Web3

回顧我的 2023 開發者生涯:前端、後端、雲端、到 Web3

2023 年,我回到香港,從全棧工程師,行過死蔭幽谷,現在成爲系統架構師。能夠在 Web3 的世界自由自在地行走,十分感激當初的百般試煉。現在,就讓我回顧這一年我採用的前端後端雲端 Web3 方案,希望可以拋磚引玉

October 13, 2023
從「費曼學習法」到團隊的實際應用:促進知識分享與合作

從「費曼學習法」到團隊的實際應用:促進知識分享與合作

作為資深開發者,我經常需要將複雜的技術概念傳遞給團隊成員,以確保項目順利進行。這推動我將複雜知識轉化為易懂形式,促進團隊合作,並加強自身學習。本文將分享如何在實際工作中運用費曼學習法,幫助團隊理解複雜技術,實現項目成功

September 3, 2023
重構我的網站:Astro 與 Vue 重構心得分享

重構我的網站:Astro 與 Vue 重構心得分享

透過重構博客網站,我得以體會結合 Static Site 和 Vue 的優點。在靜態網站生成和動態組件的結合下,可以實現更出色的網站開發,接下來的內容中將分享開發心得

August 13, 2023