聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 介紹 在第十九天，我們將深入探討 JavaScript 中的兩個重要集合類...
本篇要來介紹泛型，由於「泛型」在 TypeScript 中的內容蠻多的！！所以會拆成多篇來介紹Day24 - Generics 泛型 X 泛型約束 大綱 泛型...
Day 19 針對 M1 卡半加密卡或全加密卡的攻擊 ① 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 通常卡片在製造的時候，會被設...
不管在任何地方，要實踐 Pagination 功能最基本都要有兩個功能： 分頁 總頁面數 只要有了這兩個資訊就可以實做出一個基本的內容分頁功能了。 總頁面數...
今天要介紹的是命名空間化模式🧐 什麼是命名空間 《JavaScript 設計模式學習手冊 第二版》作者 Addy Osmani 在書中敘述命名空間(names...
旋轉特效大解析：創造令人上癮的互動遊戲體驗 嘿！你有沒有注意過那些可愛的按鈕或圖標，在網頁上輕輕一碰就會旋轉起來，簡單卻讓人忍不住再多點幾次？其實這就是網頁...
說到 條件型別 會聯想到 infer extends 三元運算子 這三個關鍵字本文除了介紹「條件型別」的概念外，也會提到條件型別的約束(constraints...
Deep clone 又稱深複製，相對淺複製僅是將物件的第一層複製，深複製則是將物件的所有層級都複製一份，深複製當遇到巢狀物件或是陣列時，就會進行深層的遍歷，將...
白居易在看到滿滿的 issue 後不經感嘆：「野火燒不盡，春風吹又生。」然後毅然決然地把 issue 同步到 Notion，這樣就不會忘記了。 今日範例程...
Day 18 M1 卡片的完整模擬及拷貝 有些門禁系統除了讀取卡號之外，還會讀取卡片內的資料，這時候如果想要開啟這類的門禁，就需要完整的模擬或拷貝卡片的資料。...
樣式調整 一開始一樣，先初步的把首頁的樣式調整一下： import Link from "next/link"; import { clie...
今天要介紹的是 Promise 模式，在前端應用中，有很多需要進行非同步處理的場景，最常見的就是向後端發送 API 請求以取得資料，而這種發送請求的任務因為通...
這是我用 ChatGPT 幫我從一個我選定的基本顏色所產生的色票集。 我選的色票顏色：#2c387e 他幫我產生的色票集是這個： import type { C...
用兔子吹泡泡動畫驚豔你的訪客，刷新等待體驗 你是否曾經因為網站載入速度太慢而感到焦慮？ 在現代網站開發中，等待通常是訪客戶最不喜歡的環節。如何讓使用者在等待...
本篇將來介紹「Type Alias 型別別名」，並會拿 interface 來做對照，讓大家更理解兩者的差異、使用時機這裡順便附上 interface 的文章...
終於來到鐵人賽的後半段囉~給自己一點鼓勵! 前半段都在理解和複習Vue的一些使用上的觀念和陷阱，接下來希望能複習一些基本JavaScript觀念，讓我們可以慢慢...
孔子能從心所欲不逾矩。正是因為他已經掌握 GitHub Actions，能夠根據自己的需求自動化操作。 今日範例程式: https://github.co...
Day 17 讀取 M1 卡片的資料 在認識了 M1 卡的資料結構後，讓均民帶你使用變色龍來讀取 M1 卡的資料吧！ 讀取非加密的 M1 卡 非加密的 M1 卡...
前言 在開發專案時，經常會遇到跨專案共用邏輯或工具的情況，例如常用的 logger 或驗證工具。如果每次都從一個專案複製貼上到另一個專案，難免會出現版本不同步...
匿名函式 anonymous function 是指在 JavaScript 中沒有名稱的函式，通常用於一次性的操作或者作為參數傳遞給其他函式，此外，匿名函式不...
本篇要來介紹 interface，講解如何「宣告介面」和「使用介面」並藉由 interface 來重構物件型別註釋的範例，來比較兩個不同寫法的差異 inter...
讓你的計時器不再無聊！帶你實現進度條的互動視覺化 你是否曾經想過，讓時間不只是冷冰冰的數字，而是變成一個動態、直觀、充滿視覺衝擊的體驗？ 今天，我們要用 V...
寫到現在才總算要把主題稍微拉回到 Next.js 了，不過這幾篇的設定主要會是集中在基礎的設定。 首先是設定字型設定，這次我選用 Noto Sans 字型跟...
今天要介紹的是 MVC 模式，這和之前介紹的模式有點不同，在 GoF 書中，他們認為沒有將 MVC 稱為設計模式，而是視為一組用來建構 UI 的類別，他們認為...
Day 16 認識 M1 卡的存取權限 接下來我們要來認識規則比較複雜的「區段存取控制位元」。如果想偷懶，可以直接找線上工具來產生 (搜尋 MIFARE Cla...
同步 synchronous JavaScript 中同步的概念是指程式碼的執行會依照順序進行，必須等到前一個任務完成後才能執行下一個任務。但是由於 JavaS...
今天要介紹的是 Proxy 模式，這也是 GoF 在書中提及的設計模式之一，屬於結構型的設計模式，不過《JavaScript 設計模式學習手冊 第二版》這本書...
前言 在現代前端開發中，與後端進行資料交換是常見的需求。透過 HTTP 請求，我們可以將資料送出並取得結果。這篇文章將介紹如何使用 TypeScript 實作...
3D 翻轉卡片特效來襲，用 Vue.js 掌控全場，玩轉視覺與互動的完美結合！ 嘿～準備好見證魔法般的 3D 翻轉效果了嗎？今天，我們要用 Vue.js 玩...
never 是 TypeScript 中獨有的型別，本篇要來介紹 never 型別及其使用時機 never The never type represent...
Chill 77
hannnahTW
戴均民
Wayne Chang
Monica
Sunny.Cat
Ashley
毛哥EM
Rafael
Mao
iThome鐵人賽
看影片追技術