讓導航欄脫穎而出！用 Vue.js 和 GSAP 強調呼吸感的品牌互動 哈囉各位！今天我們要來搞點大動作，帶大家一起用 Vue.js 和 GSAP 打造一個超...
前言 在這篇文章中，我們將介紹如何使用 TypeScript 的裝飾器來生成 Express 路由，從而讓程式碼更加簡潔。過去，由於 TypeScript 的...
閉包是什麼？ closure 函式可以存取其外部函式的變數，即使外部函式已經執行完畢並離開其作用域。可以存取到外部變數的原因在於: JavaScript 使用了...
Sanity 圖片 url 結構 現在可以看一看一般在搜尋圖片欄位時的圖片欄位參照內容： *[_type == "blogPost" &am...
延續昨天提到的 Observer 模式，今天要介紹的是與 Observer 十分相似的延伸版，即 Publish/Subscribe 模式。GoF 一書中提到...
本篇要來介紹 void 型別，原本也想把 undefined, null 一起寫在這篇，但怕篇幅過長還是拆開吧！不然閱讀量更低了 void 在 TypeScr...
簡介 Nuxt3 是一個強大的 Vue.js 框架，它結合了服務器端渲染（SSR）和靜態站點生成（SSG）的優勢，同時提供了出色的開發體驗。本文將帶您深入了解...
簡介 在現代 Web 應用開發中，隨著應用規模的增長，初始加載時間可能會變得越來越長，影響用戶體驗。本文將深入探討如何在 Vue 3 應用中實現懶加載和代碼分...
簡介 在現代 Vue.js 應用程序開發中，處理異步操作和 API 請求是常見且關鍵的任務。本文將深入探討如何使用 Vitest 來全面測試這些異步行為和 A...
unknown 和 any 經常放在一起比較，它們十分相似，但相較於 any， unknown 更為安全，因為它不像 any 一樣任何型別都可以接受，甚至操作...
Day 12 準備 JS SDK 的 Playground 均民所開發的 JS SDK 可以在瀏覽器及 Node.js 的環境中執行，均民平常自己在開發的時候，...
一般的Function function Hello() { console.log("一般的Function", "Hell...
querySelector 尋找DOM 可以用來尋找(ID)、Class、tag const H1Class = document.querySelecto...
前言 在開發後端應用程式時，資料驗證和中間件的設計是非常重要的。這不僅能確保資料的正確性，也能提升 API 的穩定性。在這篇文章中，我們將使用與 TypeSc...
探索 Vue.js 循環動效，為您的網頁注入獨特的貓咪魅力，感受每一刻的‘MADE WITH LOVE’。 哈囉各位，今天我們要一起來揭開文字循環特效的神秘面...
.call跟.apply 都可以直接呼叫函式並且改變函式內 this 的指向，兩者最主要的差異是傳入的參數形式不同。 .call 定義：.call 方法會立即...
any 是 TypeScript 獨有的型別，它的功用如同它的名字，任何型別都可以接受當一個變數被定義為 any 時，就是在告訴 TypeScript 編譯器說...
今天要介紹的是 Observer 模式，這是 Gof 提出的模式之一，屬於行為型設計模式，這也是目前為止我覺得可以延伸最多應用案例的模式～ 情境 在一個應用程...
本篇將使用 Next.js 顯示 Sanity 內部落格文章的內容。首先會建立文章列表，並且透過 next/link 將頁面導入個別文章內容。頁面 css 的話...
簡介 我們這次討論關於性能優化的部分，以及一般開發人員在進行開發的時候要注意的事情。本文將深入探討如何利用 Vite 以及 Vue 的各種特性來優化應用性能。...
簡介 在 Vue 3 應用程序中，Vue Router 和 Pinia 是兩個核心工具，分別用於處理路由導航和狀態管理。對這兩個工具進行有效的測試對於確保應用...
簡介 在開發 Vue 應用時，測試邊界情況對於確保組件的穩定性和可靠性至關重要。本文將探討如何使用 TypeScript 和 Vitest 來測試 Vue 組...
Day 11 更新變色龍的韌體 在開始使用 JS 控制變色龍之前，我們需要先進行韌體更新，因為目前開源的圖形化介面都需要搭配最新的韌體一起使用，均民提供以下兩種...
為什麼需要模組化結構？ 這個話題我跟 AI 討論很久，就老實跟大家說吧，文章順序考慮很久，砍了又改、改了又砍。那麼，還是先把架構講清楚吧！ 首先，我不想這變成一...
剛開始學的時候，很常把這兩個英文名稱搞混XD Type Annotations（型別註釋）：提供編譯器某個變數、參數的型別資訊 Type Assertion...
null 變數被宣告並且被指定爲有意義的空值 null，通常用來明確地表示「沒有值」或「空物件」的狀態。null 的型別是物件。 型別: null 的型別是物...
前言 在這篇文章中，我們將學習如何在 TypeScript 後端應用中實現資料持久化。因為本系列的主要目的是學習 TypeScript，我們會採用最簡單的方式...
探索泡泡背景的設計秘訣，讓訪客愛上您的網站 嗨！是不是常常看著很多網站，總覺得它們少了點什麼？別再只滿足於單調的網頁背景了，我們需要一點「哇～好好玩！」的感...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 介紹 在第十一天，我們將深入探討 async/await，這是 ES201...
今天要介紹的是 Flyweight 模式，這也是 GoF 提出的模式之一。 情境 當開發者正在開發應用程式時，發現需要建立大量物件，例如大量視覺元素物件、ic...
Sunny.Cat
Mao
Ashley
Wayne Chang
Monica
hannnahTW
MichaelHo
戴均民
jerrythepotato
Chill 77
iThome鐵人賽
看影片追技術