簡介 我們這次討論關於性能優化的部分，以及一般開發人員在進行開發的時候要注意的事情。本文將深入探討如何利用 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...
加減乘除 // 加減乘除 let a1 = 1 + 1; let a2 = 2 - 1; let a3 = 2 * 6; let a4 = 6 / 2; c...
簡介 在現代前端開發中，單元測試是確保代碼質量和可靠性的關鍵部分。本文將介紹如何使用 Vitest 和 @vue/test-utils 為 Vue 3 應用程...
在現代前端開發中，擁有一個可靠、可重用且類型安全的UI元件庫是提高開發效率和維護性的關鍵。本文將介紹如何使用 TypeScript 和 UnoCSS 來創建一...
簡介 在現代 Vue 3 應用中，有效管理全局狀態和本地存儲是構建可靠且高性能應用的關鍵。本文將深入探討如何使用 Pinia 結合多種先進技術來實現全面的狀態...
Day 10 chameleon-ultra.js 介紹 chameleon-ultra.js 是均民使用 TypeScript 所開發的變色龍 SDK，可以在...
前言 在前一篇文章中，我們介紹了如何使用 TypeScript 與 Express 搭建一個基礎的後端應用，並實現了最簡單的 Hello World 功能。本...
簡介 在現代的單頁應用程序（SPA）中，路由管理是一個核心功能。Vue Router 不僅提供了基本的路由功能，還支持多級嵌套路由和強大的導航守衛系統。今天，...
透過<script>我們可以適當的控制腳本在瀏覽器載入的時機。 <script> 這是預設的腳本加載方式，在網頁渲染的過程中，會使用 &...
簡介 在現代 Web 應用程序中，處理複雜的表單場景需要強大的驗證工具和類型系統。本文將深入探討如何結合 Vee-Validate 和 Zod 的進階特性，以...
簡介 在現代前端開發中，有效管理 API 請求和異步數據是至關重要的。本文將介紹如何結合 Pinia、@vueuse/core 的 createFetch、Z...
今天要介紹的是 Decorator 模式，這也是 GoF 提出的模式之一。 情境 在軟體開發時，有時會遇到一個類別需要在執行階段時增加額外的功能，但同時又希望...
&& 需滿足所有條件 // && 語法範例 let a = true; let b = false; if (a &&...
本篇要來介紹「Literal Types」以及「Template Literal Types」的概念並附上範例參考 Literal Types Literal...
「阿這個功能我不是昨天才寫過嗎？是在哪個頁面寫的？」隨著開發專案逐漸龐大，不可能單靠複製貼上來重複撰寫。把龐大的代碼細化成小模組，讓彼此各司其職，就是今天要來學...
昨天已經有接觸到Vue的響應式資料或監聽器批次更新(batch update)過程，用到了事件循環(Event Loop)和非同步特性，是一個對於前端工程師來說...
Day 09 RFID 相關的 Android APP 以下是均民推薦的與 RFID 相關的 Android APP，在研究及學習 RFID 的旅程中，可以搭配...
GROQ ( Graph-Relational Object Queries ) 語法是 Sanity 自己開發的 open-source 查詢語法。儘管 S...
今天要介紹的是 Facade 模式，這也是 GoF 提出的模式之一。 情境 在軟體開發中，隨著時間推移系統會變得越來越複雜，系統內會包含多層次的模組或子系統/...
以下幾點為 cookie, sessionStorage 和 localStorage 主要的差異： 生命週期長短 cookie：cookie 的預設行為是在...
MichaelHo
戴均民
jerrythepotato
hannnahTW
Ashley
Mao
Sunny.Cat
Chill 77
Monica
ivytien
Rafael
Wayne Chang
iThome鐵人賽
看影片追技術