網頁不只是靜態的，它也可以是動態的、可互動的。JavaScript 可以讓網頁進行一些簡單的互動。今天學習如何用簡單的 JavaScript，實現一個基本的互動...
之前寫了幾篇文章，都是利用Javascript為Limesurvey的題目添加新功能。利用Limesurvey可以使用Javascript及CSS的特性，這次決...
前置知識 前篇文章講了很多情況的型別轉換，而在比較時的型別轉換又是不同的規則，開始講解規則之前先介紹一些基礎知識：嚴格相等與寬鬆相等、真值與假值 嚴格相等與...
轉到你會暈的動態型別 前篇提到 JavaScript 的型別不是固定不變的，所以我們可以把字串型別的值賦予在一個變數上，然後重新賦予該變數一個數值型別的值，覆蓋...
強型別與弱型別 開始介紹 JavaScript 中型別有哪些和判斷的方式之前，我想先介紹一些強型別與弱型別的基礎知識，程式語言中依語言型別系統 ( Type s...
有朋友看到這篇「 你知道 Cookie、LocalStorage、SessionStorage 的使用時機嗎？ 」內容，對於 Token 不被 JS 存取，這件...
運算子 前篇文章有提到表達式 ( Expression ) 會回傳值，而除了純值、呼叫函式之外，運算子 ( Operator ) 執行時也會回傳值，所以 MDN...
JavaScript 的文法概念 程式語言就像對電腦說的語言，和其他語言一樣也會有自己的文法概念，這些文法形成的語句，會影響電腦對程式碼執行的方式 本篇文章將介...
沒有宣告變數會怎樣？ 宣告變數的目的在於賦予變數一個初始值，並限制它的作用域。 在學習 JavaScript 的過程中，總是會一直被重複提醒變數需要被宣告，但是...
[[Prototype]] 又是什麼? 和 proto 的差別是什麼? [[Prototype]] 是在 JavaScript 中物件的特殊隱藏屬性，這個屬性對...
JavaScript 中的 this 🔹 this 是什麼？ this 是 JavaScript 中的一個關鍵字，它的值通常根據呼叫方式決定。箭頭函式例外，它在...
物件傳參考特性 陣列、函式、物件、日期都屬於物件型別 物件型別屬於傳參考 const person = { name: "小明"...
寬鬆相等 寬鬆相等是 JavaScript 中使用雙等號 == 進行比較的運算符。它的特別之處在於，在比較不同類型的操作數時，JavaScript 會嘗試進行隱...
隱性轉換（Implicit Type Conversion） JavaScript 在進行運算時，經常會自動將變數轉型。這一節整理常見隱性轉型的規則 +運算子...
閉包 閉包使可以從內部函式訪問外部函式的作用域的變數 閉包的作用： 重複調用 獨立變數 隱藏變數 這個例子中，匿名函式會存取外部函式中的 origin...
【前言】本系列為個人前端學習之路的學習筆記，在過往的學習過程中累積了很多筆記，如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...
使用方法 let a = new ClickScroll() a.navBtns = [dom1, dom2, dom3] // 導覽列dom元素，陣列 a.t...
使用方法 let a = new ClickScroll() a.navBtns = [dom1, dom2, dom3] // 導覽列dom元素，陣列 a.t...
在 JavaScript 中，深拷貝（Deep Copy）是一種創建對象完整副本的方式，其中所有的嵌套對象或數組也會被拷貝，而不是共享原始對象的引用。以下是一些...
在 JavaScript 中，apply 和 call 是函數的兩個方法，用於顯式設置函數的 this 值，並傳遞參數來執行函數。它們的主要區別是傳遞參數的方式...
在 JavaScript 中，閉包（Closure） 是指一個函數能夠記住並訪問它的詞法作用域（Lexical Scope），即使這個函數在其作用域之外被執行。...
在 JavaScript 中，Symbol 是一種原始數據類型，適合用於創建唯一的標識符。它主要用於避免命名衝突、保護對象的屬性，以及實現元編程。 適用情況...
在 JavaScript 中，prototype 適合用於 需要創建多個具有相同功能的對象 的情況，特別是在需要共享方法或屬性時。這樣可以避免每次創建新對象時都...
在 JavaScript 中，new Map() 是一個用於存儲鍵值對的資料結構。它與普通的 JavaScript 物件（{}）類似，但提供了更多功能和更靈活的...
narrowing用於限定程式碼某一區塊中，限定它的型別 let foo: any const func = () => { // 檢查字串(空字...
limesurvey在複選題的題型中，是將每個選項視為一個子題 (subquestion)，因此每個子題都可以設定他的顯示條件。下圖中，我們可以在Relevan...
在問卷中，有時我們會希望在題目之間增加一些說明，告知填答者後續題目的詢問內容，或提示相關定義。此時，我們就會用到提示(Alert)視窗。在之前Limesurve...
確認視窗的第二彈來啦！在之前的「Limesurvey進階應用」系列中，我們利用javascript內建的confirm功能做了彈出確認視窗，可參考Limesur...
帶有文字欄位的複選題並不常見，但可應用於較複雜的特殊情形。由於系統預設的情況是每個選項後面都會連帶一個文字欄位（類似以下的情形）。而實際的情形下，並非每個選項都...
Limesurvey中的multiple numerical input題性，是一個可以在題目中設定多個數值欄位的題型，這些數值欄位稱為子題(subquesti...
Bao
iThome鐵人賽
看影片追技術