#Vue.js
共 22 篇文章
- Web 開發6 分鐘閱讀
WebSocket 即時應用開發:從連線管理到生產部署
深入介紹 WebSocket 即時應用開發:Node.js 伺服器實作、心跳機制、帶指數退避的自動重連客戶端、Redis Pub/Sub 水平擴展、Nginx 代理設定,以及 Socket.io 的適用場景比較。
- Web 開發10 分鐘閱讀
Tauri + Vue 3:前端框架整合實戰
實戰整合 Tauri 與 Vue 3,涵蓋路由、狀態管理、視窗控制、系統通知與自訂標題列的完整教學。
- 程式開發6 分鐘閱讀
Vitest 測試框架入門:現代前端的高速測試體驗
Vitest 是建立在 Vite 上的新世代測試框架,API 相容 Jest 但速度更快、設定更簡單。本文涵蓋安裝設定、非同步測試、Mock/Spy、Vue 元件測試、時間控制,以及從 Jest 無痛遷移的步驟。
- 程式開發6 分鐘閱讀
JavaScript Proxy 和 Reflect:元程式設計的強大利器
深入解析 JavaScript Proxy 的 13 種 trap 和 Reflect API,透過資料驗證、不可變物件、變更追蹤、記憶化等 4 大實用範例,帶你理解 Vue 3 響應式系統的底層基礎。
- Web 開發6 分鐘閱讀
Supabase Auth 認證整合全攻略:從設定到生產環境
Supabase Auth 完整整合指南,涵蓋電子郵件/密碼、OAuth 社交登入、Auth Callback 處理、onAuthStateChange 監聽,以及搭配 Row Level Security 和 Vue 3 Pinia 的完整實作範例。
- Web 開發6 分鐘閱讀
Vue 3 動態元件載入與非同步元件實戰
深入介紹 Vue 3 動態元件(component :is)、KeepAlive 狀態保留、defineAsyncComponent 非同步載入,以及搭配 Suspense 和 Vue Router 實現高效程式碼分割的完整指南。
- Web 開發5 分鐘閱讀
Server-Sent Events 即時通訊實戰指南
Server-Sent Events 是 HTML5 標準的單向即時推送技術,本文涵蓋 Node.js 伺服器實作、客戶端 EventSource API、斷線重連機制,以及在 Vue 3 中整合的完整範例。
- Web 開發
Nuxt UI 元件庫完整使用指南
完整介紹 Nuxt UI 元件庫的安裝設定與常用元件,包含 UButton、UForm、UTable、UModal 的使用方式,以及透過 app.config.ts 客製化主題樣式。
- 雲端技術
Supabase Storage 檔案管理完整教學
Supabase Storage 完整教學,涵蓋 Bucket 建立、檔案上傳下載、Row Level Security 權限設定,以及圖片即時轉換功能的實作方式。
- Web 開發
CSS Container Queries:響應式設計的新時代
深入介紹 CSS Container Queries 的語法與實際應用,示範如何建立真正元件級的響應式設計,告別對視窗寬度的依賴。