消除你程式碼的臭味 Day 3- 實用主義：拒絕象牙塔裡的完美理論 有時候寫出的程式碼變得複雜、難以理解，並非因為技術不足，而是我們追求了錯誤的目標——忽略了...
前言 在上一篇 在 Vue 過氣前要學的第四件事 - 2025 了還要用 .value ?我們講了 ref 跟 reactive 之間的差異，這篇就接著說入門會...
消除你程式碼的臭味 Day 2- 好品味：優秀工程師的直覺 很多人以為，程式設計的厲害在於演算法或是那些設計模式。但還有一個更務實的概念一定要掌握。 Bad...
綁定 Binding 可用 let 一次 binding 多個值 let one = 1, two = 2; 變數命名 Naming variables le...
剛好 Eloquent Javascript 讀到一半，剛好趁鐵人賽開賽逼自己看有沒有機會嗑完XDD（？）因為這是個人的閱讀筆記，所以細節的部分不會列的很精細，...
消除你程式碼的臭味 Day 1- 好命名：必須精準傳達意圖 你的命名必須準確傳達意圖，不能讓人猜程式碼是寫給人看的，不是給機器看的。如果需要花時間去猜一個變...
網頁不只是靜態的，它也可以是動態的、可互動的。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 物件（{}）類似，但提供了更多功能和更靈活的...
Sunny.Cat
Yanya
dc88
Bao
iThome鐵人賽
看影片追技術