今天要介紹的是 Render Props 模式，這也屬於 React 的模式之一。 Render Props 是什麼 Render Props 的目的類似 H...
繼昨天的泛型函式，今天要來介紹「泛型約束」 大綱 泛型約束 範例 - 泛型約束 keyof 關鍵字 當 Interface 遇上 Generics 當 C...
感謝大家陪伴來到最後的10天，不管有沒有參賽，能走到這裡真的非常不容易！希望最後這段時間，我能帶給大家一點不同的程式設計上面的思維，雖然看起來可能跟要原本要介紹...
Day 20 針對 M1 卡半加密卡或全加密卡的攻擊 ② 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 想辦法拿到一個已知的金鑰後，...
在繼續 Next.js 前端之前，先建立一個 網站設定 的資料型別作為網站的基本資料設定的後台，裡頭包含了 metadata 的設定、favicon、精選文章、...
這次我們來解一道二元樹的題目：Diameter of Binary Tree，這道題目的關鍵在於找到二元樹中兩個節點之間的最長路徑，這段路徑稱為「直徑」。 接...
用 using 關鍵字簡化你的 TypeScript 程式碼 在寫程式的過程中，除了記憶體之外，我們有時需要使用一些外部資源，比如資料庫連線、檔案操作、網路...
接下來幾天會介紹幾個 React 的設計模式，介紹模式時不會說明太多 React 基礎概念，如果對 React 不熟悉的推薦可以讀我之前的筆記文章～今天要介紹...
結合動態背景與滾動效果，打造前所未有的海洋深處互動體驗 在這個數位時代，誰說網頁設計只能是靜態的？想像一下你的頁面不再只是一片白板，而是變成了一個充滿生命力...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： 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...
Monica
hannnahTW
Rafael
戴均民
Wayne Chang
Sunny.Cat
Chill 77
Ashley
毛哥EM
Mao
iThome鐵人賽
看影片追技術