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...
感謝大家陪伴來到最後的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...
旋轉特效大解析:創造令人上癮的互動遊戲體驗 嘿!你有沒有注意過那些可愛的按鈕或圖標,在網頁上輕輕一碰就會旋轉起來,簡單卻讓人忍不住再多點幾次?其實這就是網頁...