情境說明 複選題時問卷調查中常見的題型。但有時候，我們並不希望填答者這可以隨意勾選，有些選項是不可能同時存在的，因此我們就必須設定這些選項互斥（不可同時勾選）。...
淺拷貝方法 slice 展開運算子[...] Object.assign <!DOCTYPE html> <html lang="...
題組題或稱陣列題（Array）也是常見的一種題型。我們常將類似的問題設計成一個題組一起詢問。通常，這類題目只能設定相同的選項。但若某幾個子題並不是用特定選項時，...
concat 方法 被用來合併兩個或多個陣列。此方法不會改變現有的陣列，回傳一個包含呼叫者陣列本身的值，作為代替的是回傳一個新陣列 //.合併兩個陣列並去除重複...
設計情境 在設計問卷時，設計一個文字框，請填答者輸入數字或文字是很常見的題型。對於數字輸入，我們最擔心的就是胖手指問題，多一個0，少一個0都嚴重影響資料的正確性...
reduce 方法將一個累加器及陣列中每項元素（由左至右）傳入回呼函式，將陣列化為單一值。 const people = [ { name: "...
Filter 篩選資料 const scoreData = [55, 60, 67, 82, 45, 90, 58]; // filter方法 const...
引言 在現代的網頁應用中，滑鼠和觸控的互動是增強用戶體驗的關鍵因素。無論是拖曳、縮放，還是手勢操作，都能讓網頁更加生動且易於操作。這篇文章將探討如何通過滑鼠和觸...
forEach <!DOCTYPE html> <html lang="en"> <head>...
pop 刪除陣列末端的最後一個資料 shift 刪除陣列的第一個資料 Arr = []; 清除陣列所有資料 <!DOCTYPE html> <...
這是我第一次參與鐵人賽，很感動終於完成啦🥳！ 系列文總結 文章回顧 先來回顧一下此次系列文包含的主題： [Day 01] 系列文動機與大綱 Desig...
push 新增陣列新元素至陣列後方 unshift 新增陣列新元素至陣列前方 <!DOCTYPE html> <html lang="...
Day 30 完賽感言 這個系列的最後一天，就容許均民來隨意記錄一下從去年至今發生的一些瑣事吧。 JS SDK 的網站被致敬了 均民在偶然之下，發現有一個中國的...
用一點動態魔法讓你的網站更生動 大家好！今天是 IT 鐵人賽的第三十天，真不知不覺我們已經走到了終點！這段旅程有很多調皮又溫馨的記憶，而今天我們要終於來做一個...
用工具型別定義每個回應情境，讓程式碼更可靠 各位開發小夥伴們，有沒有覺得每次處理 API 回應時都像是在猜謎一樣？ 總是不確定回應裡到底會有什麼參數，每次都要...
防抖和節流函式是前端常見的效能優化的技巧，透過這兩個函式可以有效的減少函式被觸發的次數，達到效能優化的目的。 debounce 防抖函式 防抖函式的作用是在一段...
定義陣列 做一個上下切換的文字牆 定義陣列內容 const Arr = ["你好嗎???", "我是XXXX", &qu...
TypeScript 進階版大修煉，開課囉！🎉 準備好來點進階魔法了嗎？今天要帶大家一窺 TypeScript 型別系統的深邃奧秘！從可變元組到神祕的 Opa...
🎂 生日蛋糕互動秀：吹氣熄蠟燭，還有彩帶灑滿天！🎉 嘿嘿嘿，今天要來和大家分享一個超可愛又好玩的生日蛋糕互動網站這個專案不但有超酷的動畫效果，還能用聲音把蠟燭...
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（最長有效括號）。 這道題目真的不簡單，因為它要求我們在一個由括號組...
jerrythepotato
Monica
戴均民
Sunny.Cat
Ashley
hannnahTW
iThome鐵人賽
看影片追技術