匿名函式 用匿名函式達到操作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 卡的字典檔攻擊 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 進行字典檔攻擊的流程為： 取得字典檔，在此均民直...
點我查看目錄 前言 我們前面花了一些時間討論關於 HTML 與 CSS 的相互操作，但目前網頁還沒有任何功能，因此我們現在就來開始做這件事情。而我希望透過一個簡...
今天要介紹的是 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 不熟悉的推薦可以讀我之前的筆記文章～今天要介紹...
結合動態背景與滾動效果，打造前所未有的海洋深處互動體驗 在這個數位時代，誰說網頁設計只能是靜態的？想像一下你的頁面不再只是一片白板，而是變成了一個充滿生命力...
hannnahTW
Sunny.Cat
Rafael
戴均民
Monica
Wayne Chang
Chill 77
csning1998
iThome鐵人賽
看影片追技術