昨天我們建立好了環境和型別檔後，今天來繼續實作新增、刪除、修改 todo list 的功能 文章傳送門🔗 Day27 - Vue3 + TS 實作簡易 To...
前言 今天我們來挑戰的是 Climbing Stairs（爬樓梯）這道題目！想像一下，你站在樓梯的底部，目標是爬到最頂端，每次可以選擇走一步或兩步。問題是：有...
Enum 超級解密！用 TypeScript 征服每一行程式碼 🌟 你是否常常在專案中遇到需要處理一堆相關數值的情境？TypeScript 的 enum 可...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 介紹 今天是第25天，讓我們來聊一個在 JavaScript 中非常有用但...
click 與.addEventListener 「可以同時」綁定多個事件 .onclick 「不能同時」綁定多個事件 <!DOCTYPE html>...
今天要介紹 SOLID 設計準則的最後一個 依賴反轉原則(Dependency Inversion Principle, DIP)，我覺得是一個光看定義不太好懂...
Day 24 攔截通訊資料並進行 MFKey64 攻擊 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 要使用這種破解手法，你需要擁有...
骨架屏黑科技，提升載入體驗 大家好！今天我們要聊一聊網頁開發中的一個「秘密武器」——骨架屏（Skeleton Loading）！有沒有發現，有些網站在內容還...
匿名函式 用匿名函式達到操作DOM元素效果 <!DOCTYPE html> <html lang="en"> &...
終於來到了實作的環節，這裡會拿我去年練習到一半的 To Do List 專案來接著進行（當時只建立好環境而已但總算能有個結尾了預計會分兩篇來進行 功能簡介...
JavaScript基礎學習1 1. JavaScript的簡介 JavaScript是一種運行在瀏覽器上的腳本語言，用於為網頁增加動態交互功能。它被廣泛應用於...
型別系統，讓你在專案中脫穎而出 你是否曾經覺得在寫程式時，總是會有些小錯誤偷偷溜進來，讓你頭痛不已？🤯 別擔心，TypeScript 的型別系統就像是你的專...
今天要介紹SOLID的第四篇- 介面分離原則(Interface Segregation Principle, ISP)，一開始第一次學習接觸會覺得SOLID這...
Day 23 MFKey32 攻擊 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 MFKey32 是針對讀卡機的攻擊手法，這種攻擊手...
高效的表單處理與動效反饋設計 你是否曾經在填寫表單時，感覺整個過程有些枯燥乏味？或是點擊「提交」後遲遲沒有回應，讓人懷疑到底有沒有成功送出？ 其實，表單不僅...
今明兩天要介紹的是 React 中的程式碼拆分(Code Splitting)與動態匯入(Dynamic Import)，會先從一般的靜態匯入開始介紹，說明靜...
innerHTML 取得在一個節點內的全部樣式 innerText 取得在一個節點內的全部 HTML 標籤和文字 <!DOCTYPE html> &...
本篇開始使用前一篇建立的 網站設定 表單來建立一些網站的基本樣式，像是 Navbar、Footer 、 metadata 等。 第一件要做的是老樣子，寫好 Qu...
在實際進入開發前，我們要來先了解有哪些不錯的 TypeScript 套件或其他輔助套件，加速我們開發和學習 TypeScript VSCode 套件 1. T...
本篇要介紹 SOLID 的第三個原則- Liskov Substitution Principle，里氏替換原則(LSP)，老實說相關參考討論的資源，主要是針對...
Day 22 M1 卡的 Darkside Attack 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 來幫讀者複習一下，這個攻擊手...
體驗 Vue.js + CSS 動效的極致奢華，讓你的圖片展示與互動感十足！ 今天，我們要一起進入一個充滿生機與趣味的世界，用 Vue.js 和 CSS 為...
在 Day 19 - Sanity GROQ Pagination 中有提到網頁的幾種分頁模式： 我原本的網站是用 分頁式 的，這一次重做網站我打算改用 Lo...
今天要介紹的是 React 的 Hook 模式，嚴格來說 Hooks 不一定是一種設計模式，但它可以替代很多傳統的設計模式。介紹 Hooks 前，先來看看 R...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 介紹 在第二十一天，我們將探討 JavaScript 中非常強大且靈活的特...
泛型系列文章 🔗 泛型函式🔗 泛型約束 閱讀順序：泛型函式 -> 泛型約束 -> 本篇 Ꮚ･ꈊ･Ꮚ 大綱 泛型參數預設值（Generic Par...
今天來到認識另一個SOLID設計準則-開放封閉原則(OCP)，老實說寫起來比較沒把握，因為大部分的探討資源大多是針對class物件去作延展探討，或是國外以Rea...
Day 21 M1 卡的字典檔攻擊 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 進行字典檔攻擊的流程為： 取得字典檔，在此均民直...
今天要介紹的是 Render Props 模式，這也屬於 React 的模式之一。 Render Props 是什麼 Render Props 的目的類似 H...
繼昨天的泛型函式，今天要來介紹「泛型約束」 大綱 泛型約束 範例 - 泛型約束 keyof 關鍵字 當 Interface 遇上 Generics 當 C...
hannnahTW
Sunny.Cat
Chill 77
Rafael
戴均民
Monica
Wayne Chang
iThome鐵人賽
看影片追技術