有時，當填答者選擇某些情境時，我們可能會希望對受訪者進行提示，這個時候我們就可以加入一個提醒視窗，讓填答者注意到我們的說明。在這篇文章中，我們將用javascr...
推薦使用js-cookie js-cookie 環境配置 CDN 或 套件命令 npm i js-cookie 語法 儲存 Cookies.set...
單選題是問卷調查中最普遍的題型。除了一般固定的選項，有時我們也會希望加上一個選項「其他」，並在後面開一個文字欄位，讓填答者可以自由輸入他的答案。Limesurv...
localStorage MDN文件 語法: 儲存 localStorage.setItem("myCat", "Tom&...
多重數值題（multiple numerical input）一般較少使用，主要是用在一題當中要填多個數字的情形。Limesurvey預設的介面中，可以設定填寫...
Axios環境設定 套件連結 CDN 套件指令安裝Using npm: $ npm install axiosUsing bower: $ bower in...
fetch 串 PokeAPI fetch("https://pokeapi.co/api/v2/pokemon/ditto")...
第三方套件 lodash // 使用 lodash 的 cloneDeep 方法進行深拷貝 const obj2 = _.cloneDe...
情境說明 複選題時問卷調查中常見的題型。但有時候，我們並不希望填答者這可以隨意勾選，有些選項是不可能同時存在的，因此我們就必須設定這些選項互斥（不可同時勾選）。...
淺拷貝方法 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...
使用泛型創建型別安全的事件發射器 🎉 在事件驅動的程式碼中，創建型別安全的事件發射器（Event Emitters）能夠大幅提升程式的可靠性。透過使用 Typ...
🎂 生日蛋糕互動秀：吹氣熄蠟燭，還有彩帶灑滿天！🎉 嘿嘿嘿，今天要來和大家分享一個超可愛又好玩的生日蛋糕互動網站這個專案不但有超酷的動畫效果，還能用聲音把蠟燭...
Day 29 Static Nested Attack 本文章的內容僅限學術及研究用途，請勿進行任何違法行為，否則後果自負。 部分 M1 卡片在認證的過程中...
從行星選擇到動畫過渡，揭開星球切換背後的技術秘密 在今天的實作中，我們將用 Vue.js 和動畫效果來實現一個超酷的行星選擇器！透過點擊文字，我們可以淡入淡...
計時器 setTimeout() 執行次數： setTimeout：只執行一次。setInterval：重複執行，直到被明確停止。用途：setTimeout：適...
jerrythepotato
Monica
戴均民
Sunny.Cat
Ashley
iThome鐵人賽
看影片追技術