文件物件模型(Document Object Model,Web 的程式界面。它提供了一個樹狀結構化表示法,並讓程式可以存取並修改網頁的架構、風格(style)和內容(value)等等。
因為透過 vite + vue3 的方式來開發 web component ,過程會簡單很多,而且可以使用 Vue SFC 的方式來開發,程式碼看起來比較簡潔,可以達到跟原生 Web Component 一樣的效果。
這是我最近做出來的一個簡單的 Demo,主要是利用 JavaScript 的 BroadcastChannel API 來達到瀏覽器互相傳遞資訊,進一步溝通來達到有趣互動的效果。
一些 ref 進行存取的時候的規劃,還有官方案例的深度解析以及 vue 的響應式進階 API 使用,看完後可能會讓你有些想法。
從零開始學會 Cursor 的使用,讓你在 Vibe Coding 的路上無往不利,本篇的內容有一部分都是我的經驗匯整下來的,讓我帶你們一起看看吧!
在撰寫 JS 的時候我們很常會對物件去進行深拷貝的處理,我們常見的深拷貝有三種做法,除了常見的做法以外,我還會額外介紹一個全新處裡深拷貝的方法。