在上一篇文章中，我們探討了如何掌握 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...
動畫的基礎 讓我們將繼續完善 playground 元件，這次的目標是實現滑鼠和觸控事件的座標監聽，來實現對 canvas 的操控，並且，搭配 ease out...
介紹 在前端開發中，數據驗證是一個不可忽視的重要步驟，特別是當你處理表單輸入或 API 響應數據時。雖然 TypeScript 提供了靜態型別檢查功能，確保代...
Day 01 緣起 各位讀者大家好，我是均民，是北漂到台北工作的台中人，目前是一名網站後端工程師。 這次會想要寫這個主題，主要是因為均民一直對 RFID 這個領...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 介紹 歡迎來到 JavaScript 新手到高手：現代特性全攻略 系列文章...
在好想進入JS階段時，規定要在瀏覽器之外的執行環境寫JS，過去以為執行環境就只有瀏覽器，直到學習JS才知道Node.js也是執行環境之一。 這邊簡單介紹Node...
前言 在現代前端開發中，效率與性能變得越來越重要。Vue 3 的 Composition API、TypeScript 的強型別系統，以及 Vite 的超快打...
前言：TypeScript 這麼好，不推嗎？ 歡迎來到 30 天的 TypeScript 挑戰之旅！如果你曾經在開發中因為 TypeScript 錯誤而頭疼，...
Hosting 提升指的是在執行 JavaScript 程式碼之前， JavaScript 引擎會將變數和函式的宣告提升到作用域的頂端。 當瀏覽器運行 Java...
大家好~我是Fang，在今年初順利成為好想工作室Web Camp學員，過去的學習領域與程式都無相關，畢業後一直做著基層工作，待在習慣的舒適圈11年。在疫情期間開...
以最簡為原則 本文將介紹如何以簡單的設計實現響應式布局（RWD），兼顧桌面與移動端需求，並比較 React 和 Vue 的不同實作方式。 "左圖展...
Chiayu
Ashley
Chill 77
MichaelHo
戴均民
hannnahTW
jerrythepotato
Fang
ivytien
Rafael
Sunny.Cat
iThome鐵人賽
看影片追技術