iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 951 瀏覽

鐵人賽 Modern Web DAY 27

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 27 篇

技術 Day 27 Vue.js 動效分類實戰 (18) 整合特輯 - 技術全解析，打造精緻的卡片翻牌遊戲

翻牌效果深入解析，帶你揭開背後的技術秘密！今天，我們將用 Vue.js 和 TypeScript 實現一個充滿趣味的翻牌遊戲，讓你不僅能挑戰自己的記憶力，...

Sunny.Cat ‧ 2024-10-11

0 Like 0 留言 360 瀏覽

技術 2024 IT鐵人賽 Day14 -計時器 setInterval()、clearInterval

從0數到15的計數器 <!DOCTYPE html> <html lang="en"> <head>...

will93068 ‧ 2024-10-11

0 Like 0 留言 1586 瀏覽

鐵人賽 JavaScript DAY 27

免安裝！一起用 JS 來控制開源的 NFC 讀卡機變色龍吧！系列第 27 篇

技術 Day 27 Proxmark3 的自動攻擊指令

Day 27 Proxmark3 的自動攻擊指令本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。如果你有 Proxmark3 的話，...

戴均民 ‧ 2024-10-11

2 Like 4 留言 732 瀏覽

鐵人賽 JavaScript DAY 30

TypeScript 初學者也能看的學習指南系列第 30 篇

技術 TypeScript 初學者也能看的學習指南 30 - 參賽歷程 & 完賽！！！

今天是完賽日也是雙十節，先祝大家雙十節快樂這是第三次參加鐵人賽，不過確卻是體感最漫長的一次，心想怎麼寫了那麼久還沒完賽(,,•́ . •̀,,)不過最後總算...

hannnahTW ‧ 2024-10-10

0 Like 0 留言 481 瀏覽

技術 2024 IT鐵人賽 Day13 -切換Class

使用 Toggle 切換Class 可以簡化至同一個按鈕做開關切換 ` <div class="Textlist">...

will93068 ‧ 2024-10-10

0 Like 0 留言 794 瀏覽

鐵人賽佛心分享-刷題不只是刷題 DAY 26

TypeScript X Leetcode：精進演算法，掌握技術詞系列第 26 篇

技術 Day26 X Leetcode：最長有效括號 Longest Valid Parentheses (1) 堆疊

前言今天我們來解一題挑戰難度的題目——Longest Valid Parentheses（最長有效括號）。這道題目真的不簡單，因為它要求我們在一個由括號組...

Sunny.Cat ‧ 2024-10-10

0 Like 0 留言 629 瀏覽

鐵人賽 JavaScript DAY 26

我推的TypeScript 操作大全系列第 26 篇

技術我推Day26 - 映射型別全攻略！讓你的 TypeScript 程式碼充滿智慧

TypeScript 的映射型別：基礎到實戰應用你是否曾經需要處理過複雜的物件型別轉換？或者在專案中管理過多變的資料結構？ TypeScript 的映射型...

Sunny.Cat ‧ 2024-10-10

1 Like 0 留言 1155 瀏覽

鐵人賽 JavaScript DAY 27

Vue.js學習中的細節陷阱：30天自我學習指南系列第 27 篇

技術 Day 27: JavaScript 模組(module) 和 Vue的程式碼分割 (code spliting)

終於來到鐵人賽的倒數第4天，今天要介紹 JavaScript 滿常見的動態載入(Dynamic import)，是基於JavaScript 模組(module...

Rafael ‧ 2024-10-10

0 Like 0 留言 1260 瀏覽

鐵人賽 JavaScript DAY 26

免安裝！一起用 JS 來控制開源的 NFC 讀卡機變色龍吧！系列第 26 篇

技術 Day 26 Nested 系列攻擊手法的原理簡介

Day 26 Nested 系列攻擊手法的原理簡介本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 M1 卡在進行第一次認證之後到卡片...

戴均民 ‧ 2024-10-10

0 Like 0 留言 758 瀏覽

鐵人賽佛心分享-刷題不只是刷題 DAY 25

TypeScript X Leetcode：精進演算法，掌握技術詞系列第 25 篇

技術 Day25 X Leetcode：尋找重複數字 Find the Duplicate Number

前言今天要解的題目是 Find the Duplicate Number（尋找重複數字）。這道題有一點點小挑戰，因為我們需要在不修改原陣列的情況下，找出唯一...

Sunny.Cat ‧ 2024-10-09

1 Like 1 留言 455 瀏覽

鐵人賽 JavaScript DAY 25

我推的TypeScript 操作大全系列第 25 篇

技術我推Day25 - 讓 TypeScript 炸裂你的腦袋！用映射型別打造超型別安全的解析器技巧

Functor 和映射型別，優雅地解析複雜數據，讓你的程式碼精美得像藝術品！🎨💥 深入探索 TypeScript 中的型別安全解析與映射型別 🌟 你是否曾經...

Sunny.Cat ‧ 2024-10-09

0 Like 0 留言 1220 瀏覽

鐵人賽 JavaScript DAY 29

TypeScript 初學者也能看的學習指南系列第 29 篇

技術 TypeScript 初學者也能看的學習指南 29 - 讓 TypeHero 成為你學習的助力

在學習 TypeScript 的過程中，除了看官方文件以外，也會觀看許多免費資源，例如：前輩無私分享的鐵人文章、保哥的電子書等若你想知道更進階的內容，可以看...

hannnahTW ‧ 2024-10-09

0 Like 0 留言 592 瀏覽

鐵人賽 Modern Web DAY 25

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 25 篇

技術 Day25 Vue.js 動效分類實戰 (16) 毛玻璃 + 五彩紙屑特輯 - 視覺與腦力的雙重挑戰，終極密碼遊戲

滑順毛玻璃，精緻視覺！玩遊戲還能這麼享受？你能破解這個終極密碼嗎？🌟 使用 Vue.js 與 TypeScript 打造的猜數字遊戲，搭配毛玻璃效果與繽紛...

Sunny.Cat ‧ 2024-10-09

0 Like 0 留言 502 瀏覽

技術 2024 IT鐵人賽 Day12 -增加、移除Class

透過ClassList add增加、remove移除透過兩個按鈕做一個清單開關收闔 1.首先先用CSS預設list清單是消失 display = none;...

will93068 ‧ 2024-10-09

0 Like 0 留言 1411 瀏覽

鐵人賽 JavaScript DAY 26

Vue.js學習中的細節陷阱：30天自我學習指南系列第 26 篇

技術 Day 26: JavaScript 的錯誤處理和 Vue元件錯誤捕捉 - onErrorCaptured

昨天結束了5天的SOLID設計之旅，今天來回歸到 JavaScript 一些沒注意的觀念吧~~。今天要聊的是錯誤處理，讓開發者能夠在程式發生錯誤時作出即時反應...

Rafael ‧ 2024-10-09

0 Like 0 留言 1341 瀏覽

鐵人賽 JavaScript DAY 25

免安裝！一起用 JS 來控制開源的 NFC 讀卡機變色龍吧！系列第 25 篇

技術 Day 25 M1 卡第一次認證的協定及範例

Day 25 M1 卡第一次認證的協定及範例本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。讓我們先來認識一下 M1 卡認證的協定及...

戴均民 ‧ 2024-10-09

0 Like 0 留言 451 瀏覽

鐵人賽 JavaScript DAY 28

TypeScript 初學者也能看的學習指南系列第 28 篇

技術 TypeScript 初學者也能看的學習指南 28 - Vue3 + TS 實作簡易 To Do List (Part 2)

昨天我們建立好了環境和型別檔後，今天來繼續實作新增、刪除、修改 todo list 的功能文章傳送門🔗 Day27 - Vue3 + TS 實作簡易 To...

hannnahTW ‧ 2024-10-08

1 Like 0 留言 1248 瀏覽

鐵人賽佛心分享-刷題不只是刷題 DAY 24

TypeScript X Leetcode：精進演算法，掌握技術詞系列第 24 篇

技術 Day24 X Leetcode：爬樓梯 Climbing Stairs

前言今天我們來挑戰的是 Climbing Stairs（爬樓梯）這道題目！想像一下，你站在樓梯的底部，目標是爬到最頂端，每次可以選擇走一步或兩步。問題是：有...

Sunny.Cat ‧ 2024-10-08

0 Like 0 留言 646 瀏覽

鐵人賽 JavaScript DAY 24

我推的TypeScript 操作大全系列第 24 篇

技術我推Day24 - TypeScript Enums 的神奇威力：讓程式碼更有條理的場景應用

Enum 超級解密！用 TypeScript 征服每一行程式碼 🌟 你是否常常在專案中遇到需要處理一堆相關數值的情境？TypeScript 的 enum 可...

Sunny.Cat ‧ 2024-10-08

0 Like 0 留言 1295 瀏覽

鐵人賽 JavaScript DAY 25

JavaScript 新手到高手：現代特性全攻略系列第 25 篇

技術【Day 25】全局對象：globalThis

聯繫我如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 介紹今天是第25天，讓我們來聊一個在 JavaScript 中非常有用但...

Chill 77 ‧ 2024-10-09 ‧團隊意蘭拉麵蔥基本五倍辣半熟鹽味蛋三片叉燒

0 Like 0 留言 536 瀏覽

技術 2024 IT鐵人賽 Day11 -onclick V.s. click 操作DOM元素

click 與.addEventListener 「可以同時」綁定多個事件 .onclick 「不能同時」綁定多個事件 <!DOCTYPE html&gt...

will93068 ‧ 2024-10-08

0 Like 0 留言 940 瀏覽

鐵人賽 JavaScript DAY 25

Vue.js學習中的細節陷阱：30天自我學習指南系列第 25 篇

技術 Day 25: SOLID - 依賴反轉原則(DIP) 和 Vue 的依賴注入模式

今天要介紹 SOLID 設計準則的最後一個依賴反轉原則(Dependency Inversion Principle, DIP)，我覺得是一個光看定義不太好懂...

Rafael ‧ 2024-10-08

0 Like 0 留言 1311 瀏覽

鐵人賽 JavaScript DAY 24

免安裝！一起用 JS 來控制開源的 NFC 讀卡機變色龍吧！系列第 24 篇

技術 Day 24 攔截通訊資料並進行 MFKey64 攻擊

Day 24 攔截通訊資料並進行 MFKey64 攻擊本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。要使用這種破解手法，你需要擁有...

戴均民 ‧ 2024-10-08

0 Like 0 留言 1902 瀏覽

鐵人賽 Modern Web DAY 23

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 23 篇

技術 Day23 Vue.js 動效分類實戰 (14) 骨架屏特輯 - 讓你的網站載入像閃電般快速

骨架屏黑科技，提升載入體驗大家好！今天我們要聊一聊網頁開發中的一個「秘密武器」——骨架屏（Skeleton Loading）！有沒有發現，有些網站在內容還...

Sunny.Cat ‧ 2024-10-07

0 Like 0 留言 389 瀏覽

技術 2024 IT鐵人賽 Day10 -匿名函式操作DOM元素

匿名函式用匿名函式達到操作DOM元素效果 <!DOCTYPE html> <html lang="en"> &...

will93068 ‧ 2024-10-07

0 Like 0 留言 885 瀏覽

鐵人賽 JavaScript DAY 27

TypeScript 初學者也能看的學習指南系列第 27 篇

技術 TypeScript 初學者也能看的學習指南 27 - Vue3 + TS 實作簡易 To Do List (Part 1)

終於來到了實作的環節，這裡會拿我去年練習到一半的 To Do List 專案來接著進行（當時只建立好環境而已但總算能有個結尾了預計會分兩篇來進行功能簡介...

hannnahTW ‧ 2024-10-07

1 Like 0 留言 700 瀏覽

技術學習如何開發web-7

JavaScript基礎學習1 1. JavaScript的簡介 JavaScript是一種運行在瀏覽器上的腳本語言，用於為網頁增加動態交互功能。它被廣泛應用於...

wqq ‧ 2024-10-15

0 Like 0 留言 890 瀏覽

鐵人賽 JavaScript DAY 23

我推的TypeScript 操作大全系列第 23 篇

技術我推Day23 - 超強 TypeScript 陣列方法解析：讓你事半功倍的 6 大終極技巧！

型別系統，讓你在專案中脫穎而出你是否曾經覺得在寫程式時，總是會有些小錯誤偷偷溜進來，讓你頭痛不已？🤯 別擔心，TypeScript 的型別系統就像是你的專...

Sunny.Cat ‧ 2024-10-07

0 Like 0 留言 771 瀏覽

鐵人賽 JavaScript DAY 24

Vue.js學習中的細節陷阱：30天自我學習指南系列第 24 篇

技術 Day 24: SOLID - 介面分離原則(ISP) 和 Vue 的動態元件切換

今天要介紹SOLID的第四篇- 介面分離原則(Interface Segregation Principle, ISP)，一開始第一次學習接觸會覺得SOLID這...

Rafael ‧ 2024-10-07

0 Like 0 留言 1356 瀏覽

鐵人賽 JavaScript DAY 23

免安裝！一起用 JS 來控制開源的 NFC 讀卡機變色龍吧！系列第 23 篇

技術 Day 23 MFKey32 攻擊

Day 23 MFKey32 攻擊本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 MFKey32 是針對讀卡機的攻擊手法，這種攻擊手...

戴均民 ‧ 2024-10-07

技術 Day 27 Vue.js 動效分類實戰 (18) 整合特輯 - 技術全解析，打造精緻的卡片翻牌遊戲

技術 2024 IT鐵人賽 Day14 -計時器 setInterval()、clearInterval

技術 Day 27 Proxmark3 的自動攻擊指令

技術 TypeScript 初學者也能看的學習指南 30 - 參賽歷程 & 完賽！！！

技術 2024 IT鐵人賽 Day13 -切換Class

技術 Day26 X Leetcode：最長有效括號 Longest Valid Parentheses (1) 堆疊

技術 我推Day26 - 映射型別全攻略！讓你的 TypeScript 程式碼充滿智慧

技術 Day 27: JavaScript 模組(module) 和 Vue的程式碼分割 (code spliting)

技術 Day 26 Nested 系列攻擊手法的原理簡介

技術 Day25 X Leetcode：尋找重複數字 Find the Duplicate Number

技術 我推Day25 - 讓 TypeScript 炸裂你的腦袋！用映射型別打造超型別安全的解析器技巧

技術 TypeScript 初學者也能看的學習指南 29 - 讓 TypeHero 成為你學習的助力

技術 Day25 Vue.js 動效分類實戰 (16) 毛玻璃 + 五彩紙屑特輯 - 視覺與腦力的雙重挑戰，終極密碼遊戲

技術 2024 IT鐵人賽 Day12 -增加、移除Class

技術 Day 26: JavaScript 的錯誤處理和 Vue元件錯誤捕捉 - onErrorCaptured

技術 Day 25 M1 卡第一次認證的協定及範例

技術 TypeScript 初學者也能看的學習指南 28 - Vue3 + TS 實作簡易 To Do List (Part 2)

技術 Day24 X Leetcode：爬樓梯 Climbing Stairs

技術 我推Day24 - TypeScript Enums 的神奇威力：讓程式碼更有條理的場景應用

技術 【Day 25】全局對象：globalThis

技術 2024 IT鐵人賽 Day11 -onclick V.s. click 操作DOM元素

技術 Day 25: SOLID - 依賴反轉原則(DIP) 和 Vue 的依賴注入模式

技術 Day 24 攔截通訊資料並進行 MFKey64 攻擊

技術 Day23 Vue.js 動效分類實戰 (14) 骨架屏特輯 - 讓你的網站載入像閃電般快速

技術 2024 IT鐵人賽 Day10 -匿名函式操作DOM元素

技術 TypeScript 初學者也能看的學習指南 27 - Vue3 + TS 實作簡易 To Do List (Part 1)

技術 學習如何開發web-7

技術 我推Day23 - 超強 TypeScript 陣列方法解析：讓你事半功倍的 6 大終極技巧！

技術 Day 24: SOLID - 介面分離原則(ISP) 和 Vue 的動態元件切換

技術 Day 23 MFKey32 攻擊

標記使用者

技術我推Day26 - 映射型別全攻略！讓你的 TypeScript 程式碼充滿智慧

技術我推Day25 - 讓 TypeScript 炸裂你的腦袋！用映射型別打造超型別安全的解析器技巧

技術我推Day24 - TypeScript Enums 的神奇威力：讓程式碼更有條理的場景應用

技術【Day 25】全局對象：globalThis

技術學習如何開發web-7

技術我推Day23 - 超強 TypeScript 陣列方法解析：讓你事半功倍的 6 大終極技巧！