Frontend Database

sql.js + IndexedDB：打造離線優先的 Web App

用 sql.js 搭配 IndexedDB 實現瀏覽器端 SQLite 資料持久化，打造不需後端也能離線運作的 Web 應用。

Frontend Database

用 sql.js 在瀏覽器跑 SQLite：安裝到 CRUD 完整教學

介紹 sql.js 套件，從安裝、初始化、CRUD 操作到匯入匯出 .db 檔案和 Web Worker 用法，在瀏覽器端直接使用 SQLite。

Laravel Frontend

LiVue：用 Vue 3 取代 Alpine.js 的 Server-Driven 開發方式

介紹 LiVue 套件，在 Blade 模板裡直接用 Vue 3 directive，不用寫 API 也不用拆 .vue 檔，兼具 Livewire 和 Vue 生態系的優勢。

Testing Frontend

msw-fetch-mock：用 undici 風格的 API 寫 Fetch Mock，6 套方案完整比較

比較 msw-fetch-mock、MSW、nock、fetch-mock 等 6 套 HTTP mock 方案的差異，說明 msw-fetch-mock 的架構優勢與適用場景。

Testing PHP

VS Code PHPUnit & Pest Test Explorer 完整設定指南

PHPUnit & Pest Test Explorer 完整設定：Docker Compose、Sail、SSH、Xdebug 除錯，支援 PHPUnit 7-12 與 Pest 1-4。

PHP

PHP 解析 CSV 指數格式：用 sprintf 動態精度轉回小數

Excel 匯出 CSV 時會把小數轉成 8.90E-05 這類指數格式，直接用 bcmul 會報錯。用 sprintf 搭配動態小數位數計算，可正確還原任意精度的浮點數。

Laravel PHP

Blade 重複 HTML 區塊的 3 種消除方法

Blade template 出現重複的 HTML 區塊時，可選 @include、Component 或 ob_start 三種做法，各有適用場景，其中 ob_start 不需要額外建立檔案。

Frontend Laravel

用 Alpine.js 處理 Laravel AJAX 驗證錯誤

為 Alpine.js 寫 errors plugin 仿照 Laravel MessageBag API，讓 AJAX 表單 422 驗證錯誤像 @error directive 一樣顯示。

Laravel Frontend

Laravel Vite 自訂 domain 載入失敗？設定 server.host 解決

Laravel Vite 預設指向 localhost，自訂 domain 時 asset 載入失敗。設定 server.host 即可解決。

PHP

用 Composer InstalledVersions 在程式中取得套件版本號

用 Composer 2 的 InstalledVersions::getVersion() 在執行期取得套件版本，無需解析 composer.lock。