骨架屏黑科技，提升載入體驗 大家好！今天我們要聊一聊網頁開發中的一個「秘密武器」——骨架屏（Skeleton Loading）！有沒有發現，有些網站在內容還...
終於來到了實作的環節，這裡會拿我去年練習到一半的 To Do List 專案來接著進行（當時只建立好環境而已但總算能有個結尾了預計會分兩篇來進行 功能簡介...
型別系統，讓你在專案中脫穎而出 你是否曾經覺得在寫程式時，總是會有些小錯誤偷偷溜進來，讓你頭痛不已？🤯 別擔心，TypeScript 的型別系統就像是你的專...
前言 今天要解的題目是 Sort Colors（排序顏色）。題目給我們一個陣列 nums，這個陣列裡包含 0、1 和 2，分別代表紅色、白色和藍色。現在要求我...
透過使用 TypeScript 的 Utility Types，可以更靈活地操控型別，特別是在處理複雜的資料結構時。 接下來的這幾天，我們要來介紹 TypeSc...
高效的表單處理與動效反饋設計 你是否曾經在填寫表單時，感覺整個過程有些枯燥乏味？或是點擊「提交」後遲遲沒有回應，讓人懷疑到底有沒有成功送出？ 其實，表單不僅...
中介者模式透過獨立的物件來協調物件之間的互動行為，避免它們相互依賴。 生活範例 想像你在一間公司，各部門都透過專案管理組來進行溝通。每當某個部門有需求時，都會聯...
在前端開發時，經常需要和後端 API 進行溝通，傳遞資料並接收回應。而在這些操作中，為了確保數據的正確性和程式碼的穩定性，使用 TypeScript 來為 AP...
在實際進入開發前，我們要來先了解有哪些不錯的 TypeScript 套件或其他輔助套件，加速我們開發和學習 TypeScript VSCode 套件 1. T...
昨天，我們終於將 Todo List 的功能完成，今天開始，我們要來探索一些先前沒有機會用到的小技巧以及觀念。 在 Todo List 中，所有的 <in...
代理模式透過包裝物件來管理外部對物件的操作行為。 生活案例 每名偶像都有一位經紀人，負責管理其工作行程。廠商會透過經紀人洽談合作機會，並透過經紀人取得回覆。廠商...
在開發大型 React 應用程式時，製作一些抽象化元件能提升程式碼的可重用性和可維護性。而在 TypeScript 的幫助下，可以為這些元件加上嚴格的型別註記，...
體驗 Vue.js + CSS 動效的極致奢華，讓你的圖片展示與互動感十足！ 今天，我們要一起進入一個充滿生機與趣味的世界，用 Vue.js 和 CSS 為...
本系列文章 GitHub 在 Day23，我們提到了像 messageDetails 這樣只涉及少數元件的狀態，使用局部管理可以避免不必要的全域依賴並保持程式碼...
泛型系列文章 🔗 泛型函式🔗 泛型約束 閱讀順序：泛型函式 -> 泛型約束 -> 本篇 Ꮚ･ꈊ･Ꮚ 大綱 泛型參數預設值（Generic Par...
Redux 是一個在 React 應用程式中常用的狀態管理工具，能夠有效地管理大型應用中的全域狀態。當我們使用 TypeScript 與 Redux 時，型別支...
空物件模式利用一個沒有實質行為的空物件來統一客戶端程式的操作行為。 生活範例 大家去日本旅遊時曾經注意過日本的販賣機嗎？日本的販賣機非常有趣，有些會用空的包裝來...
繼昨天的泛型函式，今天要來介紹「泛型約束」 大綱 泛型約束 範例 - 泛型約束 keyof 關鍵字 當 Interface 遇上 Generics 當 C...
本系列文章 GitHub 今天我們要來完成 Todo List 的最後一個主要功能，也就是編輯功能。 這邊先來釐清需求：預計的做法是點擊 Edit 按鈕之後，原...
合成模式藉由統一樹狀結構中所有節點的介面，使不同類型的節點擁有相同的操作介面。 生活範例 一間企業由不同部門組成，部門下有組別，而每個組別還可能有不同的團隊。企...
React 的 Hooks 是讓我們能夠在函式組件中使用狀態和生命週期的工具。而使用 TypeScript，則可以為這些 Hooks 增加型別註記，提升程式的可...
這次我們來解一道二元樹的題目：Diameter of Binary Tree，這道題目的關鍵在於找到二元樹中兩個節點之間的最長路徑，這段路徑稱為「直徑」。 接...
用 using 關鍵字簡化你的 TypeScript 程式碼 在寫程式的過程中，除了記憶體之外，我們有時需要使用一些外部資源，比如資料庫連線、檔案操作、網路...
結合動態背景與滾動效果，打造前所未有的海洋深處互動體驗 在這個數位時代，誰說網頁設計只能是靜態的？想像一下你的頁面不再只是一片白板，而是變成了一個充滿生命力...
本篇要來介紹泛型，由於「泛型」在 TypeScript 中的內容蠻多的！！所以會拆成多篇來介紹Day24 - Generics 泛型 X 泛型約束 大綱 泛型...
本系列文章 GitHub 今天我們要持續優化資料管理的部分，目標是使用 useContext 搭配 useReducer，將新增與刪除功能改為使用全域狀態管理。...
在 React 開發中，State 和 Context 是兩個非常常見的功能，負責管理組件的狀態與跨組件的資料共享。而引入 TypeScript 後，我們可以為...
反覆器讓我們取得聚合中的所有元素而不必暴露內部的實作細節。 生活案例 假設你擁有很多電子書，但每本書的格式都不同，有些是 PDF，有些是 txt 檔，有些是網路...
旋轉特效大解析：創造令人上癮的互動遊戲體驗 嘿！你有沒有注意過那些可愛的按鈕或圖標，在網頁上輕輕一碰就會旋轉起來，簡單卻讓人忍不住再多點幾次？其實這就是網頁...
說到 條件型別 會聯想到 infer extends 三元運算子 這三個關鍵字本文除了介紹「條件型別」的概念外，也會提到條件型別的約束(constraints...
Sunny.Cat
hannnahTW
Jamie
Evans Wu
Annie
iThome鐵人賽
看影片追技術