在 JavaScript 中，閉包（Closure） 是指一個函數能夠記住並訪問它的詞法作用域（Lexical Scope），即使這個函數在其作用域之外被執行。...
在 JavaScript 中，Symbol 是一種原始數據類型，適合用於創建唯一的標識符。它主要用於避免命名衝突、保護對象的屬性，以及實現元編程。 適用情況...
在 JavaScript 中，prototype 適合用於 需要創建多個具有相同功能的對象 的情況，特別是在需要共享方法或屬性時。這樣可以避免每次創建新對象時都...
在 JavaScript 中，new Map() 是一個用於存儲鍵值對的資料結構。它與普通的 JavaScript 物件（{}）類似，但提供了更多功能和更靈活的...
narrowing用於限定程式碼某一區塊中，限定它的型別 let foo: any const func = () => { // 檢查字串(空字...
在問卷中，有時我們會希望在題目之間增加一些說明，告知填答者後續題目的詢問內容，或提示相關定義。此時，我們就會用到提示(Alert)視窗。在之前Limesurve...
確認視窗的第二彈來啦！在之前的「Limesurvey進階應用」系列中，我們利用javascript內建的confirm功能做了彈出確認視窗，可參考Limesur...
帶有文字欄位的複選題並不常見，但可應用於較複雜的特殊情形。由於系統預設的情況是每個選項後面都會連帶一個文字欄位（類似以下的情形）。而實際的情形下，並非每個選項都...
Limesurvey中的multiple numerical input題性，是一個可以在題目中設定多個數值欄位的題型，這些數值欄位稱為子題(subquesti...
有時，當填答者選擇某些情境時，我們可能會希望對受訪者進行提示，這個時候我們就可以加入一個提醒視窗，讓填答者注意到我們的說明。在這篇文章中，我們將用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 的網站被致敬了 均民在偶然之下，發現有一個中國的...
jerrythepotato
Monica
戴均民
iThome鐵人賽
看影片追技術