🎂 生日蛋糕互動秀：吹氣熄蠟燭，還有彩帶灑滿天！🎉 嘿嘿嘿，今天要來和大家分享一個超可愛又好玩的生日蛋糕互動網站這個專案不但有超酷的動畫效果，還能用聲音把蠟燭...
Day 29 Static Nested Attack 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 部分 M1 卡片在認證的過程中...
從行星選擇到動畫過渡，揭開星球切換背後的技術秘密 在今天的實作中，我們將用 Vue.js 和動畫效果來實現一個超酷的行星選擇器！透過點擊文字，我們可以淡入淡...
計時器 setTimeout() 執行次數： setTimeout：只執行一次。setInterval：重複執行，直到被明確停止。用途：setTimeout：適...
Day 28 Nested Authentication Attack 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 在成功擁有一個...
TypeScript 映射型別進階技巧 🎯 在使用 TypeScript 的過程中，我們經常會遇到需要將一個型別轉換成另一個型別的需求。映射型別（Mapped...
翻牌效果深入解析，帶你揭開背後的技術秘密！ 今天，我們將用 Vue.js 和 TypeScript 實現一個充滿趣味的翻牌遊戲，讓你不僅能挑戰自己的記憶力，...
從0數到15的計數器 <!DOCTYPE html> <html lang="en"> <head>...
Day 27 Proxmark3 的自動攻擊指令 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 如果你有 Proxmark3 的話，...
今天是完賽日也是雙十節，先祝大家雙十節快樂 這是第三次參加鐵人賽，不過確卻是體感最漫長的一次，心想怎麼寫了那麼久還沒完賽(,,•́ . •̀,,)不過最後總算...
使用 Toggle 切換Class 可以簡化至同一個按鈕做開關切換 ` <div class="Textlist">...
前言 今天我們來解一題挑戰難度的題目——Longest Valid Parentheses（最長有效括號）。 這道題目真的不簡單，因為它要求我們在一個由括號組...
TypeScript 的映射型別：基礎到實戰應用 你是否曾經需要處理過複雜的物件型別轉換？或者在專案中管理過多變的資料結構？ TypeScript 的映射型...
終於來到鐵人賽的倒數第4天，今天要介紹 JavaScript 滿常見的 動態載入(Dynamic import)，是基於JavaScript 模組(module...
Day 26 Nested 系列攻擊手法的原理簡介 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 M1 卡在進行第一次認證之後到卡片...
前言 今天要解的題目是 Find the Duplicate Number（尋找重複數字）。這道題有一點點小挑戰，因為我們需要在不修改原陣列的情況下，找出唯一...
Functor 和映射型別，優雅地解析複雜數據，讓你的程式碼精美得像藝術品！🎨💥 深入探索 TypeScript 中的型別安全解析與映射型別 🌟 你是否曾經...
在學習 TypeScript 的過程中，除了看官方文件以外，也會觀看許多免費資源，例如：前輩無私分享的鐵人文章、保哥的電子書等若你想知道更進階的內容，可以看...
滑順毛玻璃，精緻視覺！玩遊戲還能這麼享受？ 你能破解這個終極密碼嗎？🌟 使用 Vue.js 與 TypeScript 打造的猜數字遊戲，搭配毛玻璃效果與繽紛...
透過ClassList add增加、remove移除 透過兩個按鈕做一個清單開關收闔 1.首先先用CSS預設list清單是消失 display = none;...
昨天結束了5天的SOLID設計之旅，今天來回歸到 JavaScript 一些沒注意的觀念吧~~。 今天要聊的是錯誤處理，讓開發者能夠在程式發生錯誤時作出即時反應...
Day 25 M1 卡第一次認證的協定及範例 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 讓我們先來認識一下 M1 卡認證的協定及...
昨天我們建立好了環境和型別檔後，今天來繼續實作新增、刪除、修改 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）！有沒有發現，有些網站在內容還...
Sunny.Cat
戴均民
hannnahTW
Rafael
Chill 77
iThome鐵人賽
看影片追技術