Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124
本章將探討 Vue3 的 Suspense 元件如何提升 skeleton 載入狀態的使用者體驗。 Suspend 是 Vue3 的一個內建元件，用於協調元件樹中的非同步依賴項。它可以在等待元件樹中嵌套的多個非同步依賴項解析時渲染載入狀態，它的架構如官方網站說明如下。 加載中狀態 <Suspense> 組件有兩個插槽(slot)：#default 和 #fallback。…
在上一篇 在 Vue.js 建立一個 公用方法 來 移除 HTML 標籤 ，可以在文章列表中使用，以避免 HTML 標籤破壞了版面，但文章內容若有心人將 JS 放入文章裡面，就可能會造成網頁的漏洞，這時可以使用 DOMPurify 套件，來防止像 <script>、onerror、XSS 等危險標籤進入網頁的應用。 安裝 DOMPurify 建立 Composable：useStri…
Vuejs 有提供許多內鍵方法如: v-text、v-html 來處理 HTML 格式的文章，但有時並無法滿足版面的需求。 Vuejs 原生方法 v-html 網頁產出的版面有可能會是如下，整個版面都被破壞了。 一般方法：stripHtmlTags 在 Vue.js 中，如果想 移除 HTML 標籤（即清理 innerHTML 或不讓 HTML 被渲染出來），可以在組件中使用以下方法：…
假設有一個部落格，想檢索兩個日期之間的所有貼文。聽起來很熟悉？那具體該怎麼做呢？ 一般的做法 這看起來確實是一個微不足道的問題，答案也很簡單（但完全錯誤）：只需使用 BETWEEN（或在 Laravel 中使用 whereBetween），如下所示： 大部份的人都這樣做過（至少我這樣做過），檢索 6 月發布的所有帖子。這裡的問題是，p…
在 Laravel 中，Eloquent ORM（物件關聯映射）提供了與資料庫表互動的強大方法。在 Eloquent 中處理關係時，我們經常會遇到三種基本方法：sync、attach 和 detach。這些方法對於管理應用程式中模型之間的關係至關重要。在本文中，將探討這些方法之間的差異，並探索何時以及如何有效地使用它們。 Relationships in Laravel …
在防火牆 FortiGate 政策一般都會作網站管制，若要設定白名單，需先查看網頁的資安管理為何? 如下圖為 default。 然後到 資安管理設定/網頁過濾 ，找到 default 把網址加到 Security Profiles / WebFilter / Default Web Filtering / Static URL Filter 即可 「允許」這個動作的意思是允許流量通過，但繼續進行安全設定檔…
如果在Laravel 中使用時間戳功能，那麼在建立或更新模型時，它會在created_at 和update_at 欄位自動記錄當時建立或更新的時間。如果希望對自訂 created_by 和 updated_by 欄位實現根據登入使用者的 ID 自動更新的功能，則可以在建立 Traits 的檔案如下即可。 這方法依據（Laravel 的 SoftDeletes 特性）可以節省大量時間。…
日期在前後端傳送時，常會因時區(Timezone) 的問題，造成日期/時間的不一致，下面舉個實例及解決方法來說明。 Vue 前端往後端 Laravel 傳值時的截圖如下 實際的傳值如下 可以發現前端 unpublished_at 本來是 “Fri May 30 2025 00:00:00 GMT+0800” ，用 new Date(unpublished_at) 轉成 Date 物件後，傳送到後端…
Zabbix 是由 Alexei Vladishev 開發的一種網路監視、管理系統，基於 Server-Client 架構。 簡介: 官方參考文件 軟體安裝 Install Zabbix repository Install Zabbix server, frontend, agent Create initial database Documentation 確保資料庫伺服器已啟動並正在運行。在資料庫主機上執行以下命令。 在 Zabbix 伺服器主機…
資料庫使用久了，Log檔(交易紀錄)也會持續增加，如果沒有限制Log的成長，某天可能會發現硬碟滿了，資料庫會出現這樣的錯誤訊息 訊息 9002 … 資料庫 ‘northwind’ 的交易記錄已滿。如果要了解為何無法重複使用記錄中的空間，請參閱 sys.databases 中的 log_reuse_wait_desc 資料行。 查詢資料庫容量 如果想知道資料庫用掉多…
