Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124
Vue Skeleton 載入畫面與 Suspense 元件的應用
本章將探討 Vue3 的 Suspense 元件如何提升 skeleton 載入狀態的使用者體驗。 Suspend 是 Vue3 的一個內建元件，用於協調元件樹中的非同步依賴項。它可以在等待元件樹中嵌套的多個非同步依賴項解析時渲染載入狀態，…
VueJS
Vue.js（/vjuː/，簡稱Vue）是一個用於建立使用者介面的開源MVVM前端JavaScript框架，也是一個建立單頁應用的Web應用框架。Vue.js由尤雨溪建立，由他和其他活躍的核心團隊成員維護
使用 DOMPurify 套件來強化 HTML 安全
在上一篇 在 Vue.js 建立一個 公用方法 來 移除 HTML 標籤 ，可以在文章列表中使用，以避免 HTML 標籤破壞了版面，但文章內容若有心人將 JS 放入文章裡面，就可能會造成網頁的漏洞，這時可以使用 DOMPurify 套件，…
在 Vue.js 建立一個 公用方法 來 移除 HTML 標籤
Vuejs 有提供許多內鍵方法如: v-text、v-html 來處理 HTML 格式的文章，但有時並無法滿足版面的需求。 Vuejs 原生方法 v-html 網頁產出的版面有可能會是如下，整個版面都被破壞了。 一般方法：stripHtmlTags 在 Vue…
Vue3 與 Laravel 前後端 Timezone 轉換傳值解決方式
日期在前後端傳送時，常會因時區(Timezone) 的問題，造成日期/時間的不一致，下面舉個實例及解決方法來說明。 Vue 前端往後端 Laravel 傳值時的截圖如下 實際的傳值如下 可以發現前端 unpublished_at 本來是 “…
撰寫 vue3 共用函數:超強版 useArrayTools
在 Vue 3 中撰寫「共用函數」有幾種方式，最常見的是透過 Composable（可組合函式） 的方式來實作。這是 Vue 3 中 Composition API 推出後的一個最佳實踐，用來撰寫可重用的邏輯。 基本範例：建立共用函式（Composa…
