Day 05 Proxmark3 介紹、購買及使用經驗分享 如果想要研究 RFID，必備的讀卡機就是 Proxmark3 (簡稱 pm3)。這個讀卡機是目前市面...
事件委派 event delegation 事件委派 event delegation 是一種 JavaScript Pattern，在父層 DOM 元素上只要...
本篇將會介紹不同種類的 Function 在 TypeScript 中的寫法和變化 Function 分成幾大部分講解 函式宣告式 函式表達式 箭頭函式 泛...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 介紹 在第四天，我們將探討 JavaScript 中的解構賦值和擴展運算符...
Day 04 RFID 硬體介紹、購買及使用經驗分享 想要研究 RFID 的人，不可避免都要先花一筆不小的錢購買一批讀卡機硬體。均民特地寫這篇文章，來分享自己對...
JavaScript 是單執行緒的語言，所以一次只能執行一件事。事件循環 Event loop 是可以確保作為單行緒語言的 Javascript 可以在執行環境...
== 是鬆散比較運算子、===是嚴格比較運算子，兩者最大的不同：==是當等號兩邊 values 的型別不同時，會強制轉換資料型別與值，而 === 不會。 ===...
先拿一張 Sanity 官方的圖片 可以看到 preview 分為三個部分。 title subtitle media 所以設計 preview 就是要怎麼...
Sanity schema 首先來了解一下 Sanity 的 schema 是如何定義的。看看 sanity.config.ts // ... import {...
在純 JavaScript 中沒有支援「元組」的寫法，不過其實在有些程式語言中是有的，如 Python, Rust, C#本篇將來帶你了解「元組」基本概念，並...
在上一篇文章中，我們探討了如何掌握 HTML 和 CSS 的基礎，這些技術幫助你建立網頁的結構和樣式。然而，網頁的動態功能和邏輯處理則依賴於另一個關鍵技術——T...
使用 let、var 和 const 宣告變數時分別在：作用域、初始化、重複宣告、重新賦值、提升時有不同的行為。 作用域 scope var 的作用域是全域或是...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 介紹 今天剛好是中秋節(Moon Festival)先祝大家中秋節快樂哦!...
介紹 在 Vue 3 中，Composition API 是一種更靈活的狀態管理方式，特別是當應用變得更加複雜時。Pinia 完全支持 Composition...
Day 03 認識常見門禁卡及魔術卡 ② 在前一篇文章中，我們介紹了在淘寶上常見的低頻卡及其魔術卡，接下來我們來介紹通訊頻率為 13.56 MHz 的常見高頻卡...
介紹 在 Vue 應用中，父子組件之間的數據傳遞和事件通訊是開發中最常見的操作。Vue 提供了 props 和 emit 機制，用於解決父組件向子組件傳遞數據...
本篇要來講的是 Object Types 中的 array，你將了解到在 TypeScript 中「陣列」的型別註釋寫法、如何去定義「多維陣列」、「構造函示」...
為什麼要錄影 在互動性高的應用程式中，讓使用者可以自由紀錄畫面，是必備的元素之一。這不僅提供了用戶便捷的錄影功能，也讓開發者可以輕鬆製作展示影片。無論是創建教學...
前幾天，我們從Playground的佈局下手，已經保證一個自適應的窗口來容納canvas，並獲得游標的位置，現在，讓我們延續昨天的基礎，設計更靈活的菜單收納方法...
介紹 在現代前端開發中，CSS 工具和框架正在迅速演變。隨著應用的增長和設計的複雜化，如何靈活且高效地設計樣式變得至關重要。UnoCSS 是一個功能強大且靈活...
介紹 在構建單頁應用（SPA）時，路由管理是一個至關重要的部分。Vue Router 是 Vue.js 官方提供的路由解決方案，與 Vue 3 的 Compo...
要看規範 開始介紹前，先說說在好想學習時要培養查閱規範(Specification)的習慣，例如ECMAScript或是MDN，這些都是第一手資訊。MDN也推薦...
說到前端、Web不外乎就會提到三巨頭HTML、CSS和JavaScript（JS），先跳脫專有名詞我們來發揮想像力，解釋這三種語言是如何彼此配合？ 假設你在台北...
前幾天我們都在摸索Vue的一些額外使用上的知識，之後章節會慢慢進入Vue如何做到資料更新。在實務開發中，我們經常依賴各種框架包裝好的API來管理物件或原始型別資...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 介紹 在第二天，我們將深入探討 JavaScript 中的變量聲明方式，主...
介紹 在現代 Vue 應用中，狀態管理是一個非常重要的部分，尤其是當應用變得越來越複雜時，如何有效地管理全局狀態變得至關重要。Pinia 作為 Vue 的新一...
Day 02 認識常見門禁卡及魔術卡 ① 不知道在讀者的日常生活中，有沒有使用門禁卡呢？常見的門禁卡有「低頻」跟「高頻」兩種，這兩種卡片的主要差異在於通訊頻率不...
回來做元件！ 今天接著介紹如何利用模板動態生成DOM，並比較 React 和 Vue 的不同實作方式。 Functional component vs Com...
前言 進入職場已超過5年，論資歷卻處在一個好像不太像Junior卻也不算Senior的尷尬階段。從新聞媒體業轉跳軟體開發工作，靠自己胡亂探索和Google大神後...
介紹 表單驗證是 Web 開發中不可或缺的一部分。通過表單驗證，我們能保證用戶提交的數據正確無誤。今天我們將介紹如何使用 Vee-Validate 和 Zod...
戴均民
Ashley
hannnahTW
Chill 77
Wayne Chang
Chiayu
MichaelHo
jerrythepotato
Fang
ivytien
Rafael
iThome鐵人賽
看影片追技術