前端

深入了解 DOM 操作原理

文件物件模型(Document Object Model,Web 的程式界面。它提供了一個樹狀結構化表示法,並讓程式可以存取並修改網頁的架構、風格(style)和內容(value)等等。

Mike

30 June, 2025

Vue

使用 Vue3 開發 Web Component 入門

因為透過 vite + vue3 的方式來開發 web component ,過程會簡單很多,而且可以使用 Vue SFC 的方式來開發,程式碼看起來比較簡潔,可以達到跟原生 Web Component 一樣的效果。

Mike

30 June, 2025

JavaScript

JavaScript BroadcastChannel API 如何做到跨視窗溝通!

這是我最近做出來的一個簡單的 Demo,主要是利用 JavaScript 的 BroadcastChannel API 來達到瀏覽器互相傳遞資訊,進一步溝通來達到有趣互動的效果。

Mike

29 June, 2025

Vue

Vue3 變數的存取控制與效能最佳化

一些 ref 進行存取的時候的規劃,還有官方案例的深度解析以及 vue 的響應式進階 API 使用,看完後可能會讓你有些想法。

Mike

29 June, 2025

Vibe Coding

新手也會的 Cursor 教學,包你馬上就上手 Vibe Coding 神器!

從零開始學會 Cursor 的使用,讓你在 Vibe Coding 的路上無往不利,本篇的內容有一部分都是我的經驗匯整下來的,讓我帶你們一起看看吧!

Mike

10 June, 2025

JavaScript

JavaScript 處理深拷貝的幾種方法!

在撰寫 JS 的時候我們很常會對物件去進行深拷貝的處理,我們常見的深拷貝有三種做法,除了常見的做法以外,我還會額外介紹一個全新處裡深拷貝的方法。

Mike

13 Nov, 2024