加減乘除 // 加減乘除 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 的預設行為是在...
前言 TypeScript 我們已經學的差不多了～接下來要進入實戰環節！這個章節我們會使用 Express 框架來實作簡單的 CRUD Web 後端應用程式，...
使用 Vue <TransitionGroup> 打造出色的卡片動態效果 是否覺得網站上的卡片或列表元素看起來呆板？新增或移除元素時，總是顯得「生...
本篇要來講解「聯合型別」和「交集型別」這兩親戚讓大家了解兩者的差別、使用時機，以及使用上該注意的地方 聯合型別(Union Type) 請原諒我的圖真的畫得很...
型別檔輸出設定 ( sanity-typegen.json ) 前一篇講那麼久，都是輸出型別檔後，再手動複製型別檔到其他專案內，或是輸出的檔名固定是 sanit...
Sanity TypeGen Sanity TypeGen 可以透過分析 Sanity 定義的 schema 跟使用 GROQ String helper 定義...
Day 08 Flipper Zero 介紹、購買及使用經驗分享 Flipper Zero 是一款在研究 RFID 領域的瑞士刀，除了 RFID 的高頻及低頻...
在 JavaScript 中this的指向會根據不同呼叫的方式而有不同的結果，以下分別列出幾種this的運作方式： 全域環境 在全域的環境下： 瀏覽器中：th...
今天要介紹的是 Factory 模式，也是 GoF 提及的模式之一。 情境 在軟體開發時，有時需要建立物件，但建立物件的過程可能非常複雜或需要大量配置，需要在...
變數宣告 var 全域變數： var 宣告的變數在函式作用域內是全域的，並且可以在函式內的任何地方使用。var 變數可以重新宣告和重新賦值。var 變數會被...
本文簡介 在現代 Web 應用開發中，確保數據的完整性和類型安全是至關重要的。今天，我們將探討如何使用 TypeScript 和 Zod 來進行後端 API...
介紹 在現代 Vue.js 應用程序中，Pinia 和 Vue Router 的結合使用為我們提供了強大的狀態管理和路由控制能力。今天，我們將深入探討如何將這...
MichaelHo
戴均民
Mao
Ashley
Monica
hannnahTW
ivytien
Rafael
Wayne Chang
Sunny.Cat
iThome鐵人賽
看影片追技術