為 VitePress 部落格加上 Vercel Analytics
部落格上線一陣子後，總會好奇有多少人來看、哪些文章比較受歡迎、網站跑起來順不順。 原本在考慮要不要裝 Google Analytics，但想到它那肥大的 script 和 Cookie 同意的麻煩，就覺得有點煩。 後來發現 Vercel Analytics 超輕量又不用處理 Cookie 問題，整合...
程式碼筆記
這裡記錄開發過程中的技術筆記、程式碼片段與最佳實踐。
語言：
為 VitePress 部落格加上 RSS Feed 訂閱功能
晚上花了一點時間實作日語文章的切換，剛好 Cash 大就在 X (Twitter) 上敲碗問我什麼時候要加 RSS Feed XD: 想想 RSS Reader 還是追蹤部落格最方便的方式，不用每天手動檢查有沒有新文章，於是決定著手加上這個功能。 但 VitePress 本身沒有內建 RSS 功能，...
JavaScript 設計模式筆記 - SOLID 原則與 Vue.js 應用
2025/11/06javascriptdesign-patternssolidvue
2024 年初參加了一場 JavaScript 設計模式的讀書會，主題是討論 Addy Osmani 的《JavaScript 設計模式學習手冊》。 最近在重建部落格時，想起這場讀書會還沒留下點什麼紀錄有些可惜， 而且這種主題沒有時效問題，就決定趁這個機會整理一下當時的內容，順便 水一篇 分享給大家...
用 VitePress Rewrites 按日期整理原始 markdown
2025/11/06vitepressvitepress路由
在轉移舊文章到 VitePress 部落格的過程中，遇到了一個檔案管理的挑戰，隨著部落格文章越來越多，檔案管理開始變得有點頭痛。 好幾十篇文章全部平鋪在同一個目錄下，每次想找特定時期的文章都要捲半天。 但如果把文章按日期分到子目錄，URL 又會變得很醜，重新生成 URL 也會影響 SEO。 後來發現...
為 VitePress 部落格加上 Waline 留言系統
建好站台之後就在想要不要幫部落格加個留言功能。 畢竟技術文章有時候真的需要跟讀者討論交流，但又不想搞得太複雜。 考慮過幾個方案後，最後選擇了 Waline，這篇文章就來聊聊為什麼選它，以及實際整合的過程。
VitePress 自動生成 Open Graph 圖片
把部落格架好之後，開始在意分享到社群媒體時的呈現效果。 你知道那種在 Facebook、Twitter 或 Discord 上貼連結時，會自動出現一張漂亮的預覽圖嗎？那就是 Open Graph (OG) 圖片。 這篇文章要來聊聊如何在 VitePress 中自動生成這些圖片，省去手動製作的麻煩。
JavaScript 整潔程式碼實踐：提升程式碼品質的具體方法
2025/11/03javascriptclean-code程式設計前端開發
程式碼品質不只是「能跑就好」這麼簡單，更關乎可讀性、可維護性和團隊協作效率。這篇文章整理了我在 JavaScript 開發中實踐整潔程式碼的一些方法，都是踩過坑後的真實心得。
Vite 專案效能最佳化實戰指南
2025/11/03vite效能優化前端開發build-tools
Vite 的開發體驗真的很爽快，但實際專案跑起來還是有不少可以調校的地方。這篇文章整理了我在開發和生產環境中優化 Vite 專案的一些實用技巧。
Vue 3 Composition API 實戰模式與最佳實踐
2025/11/03vuecomposition-apijavascript前端開發
Vue 3 的 Composition API 提供了更靈活的程式碼組織方式，但實際用起來卻讓不少人感到困惑。這篇文章想跟你分享我這幾年使用 Composition API 的實戰經驗和常用模式。
VueJS 元件載入模板 (template) 的幾種方式
2017/09/21vue.js
平常已經在使用 VueJS 開發專案的朋友，相信對 Vue Components 的用法已經不陌生， 而 Component 有個相當棒的特性，就是將 HTML 封裝起來，掛載在網頁上的時候，只需要透過自定義的 tag 如 components/components 就可以掛載至網頁上。 如果你是透...
JSDC 全台最大 JS 研討會前直播上線啦！
先感謝 JSDC 團隊邀請，這次的直播企劃真的是超快閃，週一晚上接到邀請，週二花了一個小時喬 rundown，然後週三晚上就直接上了，幾乎是沒什麼準備的機會，超刺激。還好直播中沒有什麼太大的意外，也謝謝來自各方的觀眾願意來聽我這個大叔練肖威。 這次直播主要就是做個簡單的訪談，跟大家聊聊出社會這些年來...
在 Vue 取得 jsonp 的方式
如果你是從 V1 就開始用 Vue 開發的朋友，一定知道 Vue.js 重要的核心特性就是只關注於 view layout 的呈現與 Components 系統，提供最小化且必要的功能給開發者。 其他的功能都可以自由選用第三方套件來完成，這也是為什麼被稱為「漸進式框架」的原因。 所以，如果我們用 V...
從 Vue 來看 CSS 管理方案的發展
不需編譯也能載入 .vue 元件檔: 使用 http-vue-loader
2017/07/10vue.jshttpVueLoader
上週在 Vue 社群圈有個令人興奮的熱門新聞: CodePen 可以支援 .vue 檔案了！ Check it out - you can use `.vue` files in CodePen Projects easily:https://t.co/Cd3Qr11xYQ pic.twitter....
如何在 Vue-CLI 建立的開發環境呼叫跨域遠端 RESTful APIs
2017/06/07vue.js
前幾天在 VueTW 活動結束後，有朋友來問：Vue 的開發環境能不能在 local 端建立 proxy 服務來解決跨域讀取後端的 API， 隔壁棚的 Angular CLI 好像有這功能，Vue-CLI 是不是也能做到。 (使用 Angular 開發專案的朋友，這裏推薦參考 Will 保哥這篇文章...
第 1 / 3 頁，共 43 篇文章