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

0 Like 0 留言 595 瀏覽

技術 2024 IT鐵人賽 Day18 -陣列的應用pop、shift、清空陣列(文字牆)

pop 刪除陣列末端的最後一個資料 shift 刪除陣列的第一個資料 Arr = []; 清除陣列所有資料 <!DOCTYPE html> <...

will93068 ‧ 2024-10-15

5 Like 4 留言 697 瀏覽

鐵人賽 JavaScript DAY 30

30天的 JavaScript 設計模式之旅系列第 30 篇

技術 [Day 30] 系列文總結與完賽心得

這是我第一次參與鐵人賽，很感動終於完成啦🥳！系列文總結文章回顧先來回顧一下此次系列文包含的主題： [Day 01] 系列文動機與大綱 Desig...

Monica ‧ 2024-10-14

0 Like 0 留言 512 瀏覽

技術 2024 IT鐵人賽 Day17 -陣列的應用push、unshift(文字牆)

push 新增陣列新元素至陣列後方 unshift 新增陣列新元素至陣列前方 <!DOCTYPE html> <html lang=&quot...

will93068 ‧ 2024-10-14

1 Like 0 留言 611 瀏覽

鐵人賽 JavaScript DAY 30

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

技術 Day 30 完賽感言

Day 30 完賽感言這個系列的最後一天，就容許均民來隨意記錄一下從去年至今發生的一些瑣事吧。 JS SDK 的網站被致敬了均民在偶然之下，發現有一個中國的...

戴均民 ‧ 2024-10-14

0 Like 1 留言 1077 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 Day30 Vue.js 最終：打造貓咪動效廣告牆的最後一哩路

用一點動態魔法讓你的網站更生動大家好！今天是 IT 鐵人賽的第三十天，真不知不覺我們已經走到了終點！這段旅程有很多調皮又溫馨的記憶，而今天我們要終於來做一個...

Sunny.Cat ‧ 2024-10-14

1 Like 0 留言 1867 瀏覽

鐵人賽 JavaScript DAY 30

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

技術我推Day30 - API 開發再也不怕，TypeScript 進階型別駕馭術

用工具型別定義每個回應情境，讓程式碼更可靠各位開發小夥伴們，有沒有覺得每次處理 API 回應時都像是在猜謎一樣？總是不確定回應裡到底會有什麼參數，每次都要...

Sunny.Cat ‧ 2024-10-14

0 Like 0 留言 539 瀏覽

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

30 天克服前端面試系列第 29 篇

技術 Day 29 - 手寫 debounce 防抖函式和 throttle 節流函式

防抖和節流函式是前端常見的效能優化的技巧，透過這兩個函式可以有效的減少函式被觸發的次數，達到效能優化的目的。 debounce 防抖函式防抖函式的作用是在一段...

Ashley ‧ 2024-10-13

0 Like 0 留言 243 瀏覽

技術 2024 IT鐵人賽 Day16 -定義陣列簡單應用(文字牆)

定義陣列做一個上下切換的文字牆定義陣列內容 const Arr = ["你好嗎???", "我是XXXX", &qu...

will93068 ‧ 2024-10-13

0 Like 0 留言 262 瀏覽

鐵人賽 JavaScript DAY 29

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

技術我推Day29 - 從可變元組到 Opaque Types，揭開 TypeScript 型別系統的大心法

使用泛型創建型別安全的事件發射器 🎉 在事件驅動的程式碼中，創建型別安全的事件發射器（Event Emitters）能夠大幅提升程式的可靠性。透過使用 Typ...

Sunny.Cat ‧ 2024-10-13

0 Like 0 留言 562 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 Day29 Vue.js 動效分類實戰 (20) 蛋糕特輯 - 來過生日！吹氣 + 驚喜動畫，慶祝儀式感拉滿

🎂 生日蛋糕互動秀：吹氣熄蠟燭，還有彩帶灑滿天！🎉 嘿嘿嘿，今天要來和大家分享一個超可愛又好玩的生日蛋糕互動網站這個專案不但有超酷的動畫效果，還能用聲音把蠟燭...

Sunny.Cat ‧ 2024-10-13

0 Like 0 留言 930 瀏覽

鐵人賽 JavaScript DAY 29

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

技術 Day 29 Static Nested Attack

Day 29 Static Nested Attack 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。部分 M1 卡片在認證的過程中...

戴均民 ‧ 2024-10-13

0 Like 0 留言 626 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 Day 28 Vue.js 動效分類實戰 (19) 星球特輯 - 把宇宙裝進你的網頁

從行星選擇到動畫過渡，揭開星球切換背後的技術秘密在今天的實作中，我們將用 Vue.js 和動畫效果來實現一個超酷的行星選擇器！透過點擊文字，我們可以淡入淡...

Sunny.Cat ‧ 2024-10-12

1 Like 0 留言 342 瀏覽

技術 2024 IT鐵人賽 Day15 -計時器 setTimeout()

計時器 setTimeout() 執行次數： setTimeout：只執行一次。setInterval：重複執行，直到被明確停止。用途：setTimeout：適...

will93068 ‧ 2024-10-12

0 Like 0 留言 970 瀏覽

鐵人賽 JavaScript DAY 28

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

技術 Day 28 Nested Authentication Attack

Day 28 Nested Authentication Attack 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。在成功擁有一個...

戴均民 ‧ 2024-10-12

0 Like 0 留言 467 瀏覽

鐵人賽 JavaScript DAY 27

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

技術我推Day27 - 玩轉 TypeScript 進階映射型別，入門直接變精通

TypeScript 映射型別進階技巧 🎯 在使用 TypeScript 的過程中，我們經常會遇到需要將一個型別轉換成另一個型別的需求。映射型別（Mapped...

Sunny.Cat ‧ 2024-10-11

0 Like 0 留言 671 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

Sunny.Cat ‧ 2024-10-11

0 Like 0 留言 262 瀏覽

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

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

will93068 ‧ 2024-10-11

0 Like 0 留言 910 瀏覽

鐵人賽 JavaScript DAY 27

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

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

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

戴均民 ‧ 2024-10-11

2 Like 4 留言 513 瀏覽

鐵人賽 JavaScript DAY 30

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

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

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

hannnahTW ‧ 2024-10-10

0 Like 0 留言 387 瀏覽

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

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

will93068 ‧ 2024-10-10

0 Like 0 留言 533 瀏覽

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

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

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

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

Sunny.Cat ‧ 2024-10-10

0 Like 0 留言 380 瀏覽

鐵人賽 JavaScript DAY 26

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

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

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

Sunny.Cat ‧ 2024-10-10

1 Like 0 留言 822 瀏覽

鐵人賽 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 留言 796 瀏覽

鐵人賽 JavaScript DAY 26

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

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

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

戴均民 ‧ 2024-10-10

0 Like 0 留言 473 瀏覽

鐵人賽佛心分享-刷題不只是刷題 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 留言 274 瀏覽

鐵人賽 JavaScript DAY 25

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

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

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

Sunny.Cat ‧ 2024-10-09

0 Like 0 留言 725 瀏覽

鐵人賽 JavaScript DAY 29

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

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

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

hannnahTW ‧ 2024-10-09

0 Like 0 留言 344 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

Sunny.Cat ‧ 2024-10-09

0 Like 0 留言 326 瀏覽

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

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

will93068 ‧ 2024-10-09

0 Like 0 留言 1004 瀏覽

鐵人賽 JavaScript DAY 26

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

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

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

Rafael ‧ 2024-10-09

技術 2024 IT鐵人賽 Day18 -陣列的應用pop、shift、清空陣列(文字牆)

技術 [Day 30] 系列文總結與完賽心得

技術 2024 IT鐵人賽 Day17 -陣列的應用push、unshift(文字牆)

技術 Day 30 完賽感言

技術 Day30 Vue.js 最終：打造貓咪動效廣告牆的最後一哩路

技術 我推Day30 - API 開發再也不怕，TypeScript 進階型別駕馭術

技術 Day 29 - 手寫 debounce 防抖函式和 throttle 節流函式

技術 2024 IT鐵人賽 Day16 -定義陣列簡單應用(文字牆)

技術 我推Day29 - 從可變元組到 Opaque Types，揭開 TypeScript 型別系統的大心法

技術 Day29 Vue.js 動效分類實戰 (20) 蛋糕特輯 - 來過生日！吹氣 + 驚喜動畫，慶祝儀式感拉滿

技術 Day 29 Static Nested Attack

技術 Day 28 Vue.js 動效分類實戰 (19) 星球特輯 - 把宇宙裝進你的網頁

技術 2024 IT鐵人賽 Day15 -計時器 setTimeout()

技術 Day 28 Nested Authentication Attack

技術 我推Day27 - 玩轉 TypeScript 進階映射型別，入門直接變精通

技術 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

標記使用者

技術我推Day30 - API 開發再也不怕，TypeScript 進階型別駕馭術

技術我推Day29 - 從可變元組到 Opaque Types，揭開 TypeScript 型別系統的大心法

技術我推Day27 - 玩轉 TypeScript 進階映射型別，入門直接變精通

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

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