iT邦幫忙

javascript相關文章
共有 5642 則文章
鐵人賽 Vue.js DAY 7

技術 在 Vue 過氣前要學的第七件事 - 外星人來了嗎!? Alien-signals

前言 在 3.6 alpha 中,除了我們後面會講到的 Vapor Mode,再來就是響應式系統又又又被重寫了。這個 alien-signals 是什麼呢,是由...

鐵人賽 Software Development DAY 4
消除你程式碼的臭味 系列 第 4

技術 Day 4- 鐵律:向後相容性是神聖不可侵犯的

消除你程式碼的臭味 Day 4- 鐵律:向後相容性是神聖不可侵犯的 工程師的首要職責是建構可靠的東西。而可靠的基礎只有一條,也是唯一重要的一條規則。 We...

技術 Chapter 3 函式 Function 練習題-day6

今天要來寫 Chapter 3 的練習題,共有3題 寫一個 min 函式接受兩個參數並回傳其中的最小值Math.min(numA,numB) 可做到,但暫不要...

技術 Chapter 3 函式 Function_2(Closure/Recursive)-day5

呼叫堆疊 call stack 呼叫堆疊就是儲存函式呼叫順序的背景環境的一種資料結構,基本上跟 data structure 內 **stack **運作模式相...

鐵人賽 Vue.js DAY 6

技術 在 Vue 過氣前要學的第六件事 - 響應式到底為什麼那麼重要

前言 由於 Vue 是一個資料驅動畫面更新的框架,響應式系統是最基礎也是最重要的一環。 因此前面講解了幾個核心 API,而這個篇章中就要歸納前面幾篇重點並講解響...

技術 Chapter 3 函式 Function_1-day4

定義函式的幾種方式 Function declaration會 hoist 到頂端 add(1,2); // 因為 function declarati...

技術 Chapter 2 練習題-day3

前兩天就這樣咻的讀完了兩個章節XDD後面的章節顯然越來越難,應該得拆成好幾天寫惹 今天來寫 Chapter 2 的練習題,共有3題 Looping a tri...

鐵人賽 Software Development DAY 3
消除你程式碼的臭味 系列 第 3

技術 Day 3- 實用主義:拒絕象牙塔裡的完美理論

消除你程式碼的臭味 Day 3- 實用主義:拒絕象牙塔裡的完美理論 有時候寫出的程式碼變得複雜、難以理解,並非因為技術不足,而是我們追求了錯誤的目標——忽略了...

鐵人賽 Vue.js DAY 5

技術 在 Vue 過氣前要學的第五件事 - 主動還是被動

前言 在上一篇 在 Vue 過氣前要學的第四件事 - 2025 了還要用 .value ?我們講了 ref 跟 reactive 之間的差異,這篇就接著說入門會...

鐵人賽 Software Development DAY 2
消除你程式碼的臭味 系列 第 2

技術 Day 2- 好品味:優秀工程師的直覺

消除你程式碼的臭味 Day 2- 好品味:優秀工程師的直覺 很多人以為,程式設計的厲害在於演算法或是那些設計模式。但還有一個更務實的概念一定要掌握。 Bad...

技術 Chapter 2 程式結構-day2

綁定 Binding 可用 let 一次 binding 多個值 let one = 1, two = 2; 變數命名 Naming variables le...

技術 Chapter 1 資料值、資料型態與運算子-day1

剛好 Eloquent Javascript 讀到一半,剛好趁鐵人賽開賽逼自己看有沒有機會嗑完XDD(?)因為這是個人的閱讀筆記,所以細節的部分不會列的很精細,...

鐵人賽 Software Development DAY 1
消除你程式碼的臭味 系列 第 1

技術 Day 1- 好命名:必須精準傳達意圖

消除你程式碼的臭味 Day 1- 好命名:必須精準傳達意圖 你的命名必須準確傳達意圖,不能讓人猜程式碼是寫給人看的,不是給機器看的。如果需要花時間去猜一個變...

鐵人賽 自我挑戰組 DAY 19

技術 讓網頁活起來:簡單的 JavaScript 互動

網頁不只是靜態的,它也可以是動態的、可互動的。JavaScript 可以讓網頁進行一些簡單的互動。今天學習如何用簡單的 JavaScript,實現一個基本的互動...

技術 Limesurvey進階應用--打造自己的題型

之前寫了幾篇文章,都是利用Javascript為Limesurvey的題目添加新功能。利用Limesurvey可以使用Javascript及CSS的特性,這次決...

技術 JavaScript 修練 (6) | 比較時的型別轉換與真值假值

前置知識 前篇文章講了很多情況的型別轉換,而在比較時的型別轉換又是不同的規則,開始講解規則之前先介紹一些基礎知識:嚴格相等與寬鬆相等、真值與假值 嚴格相等與...

技術 JavaScript 修練 (5) | 型別的顯性與隱性轉換

轉到你會暈的動態型別 前篇提到 JavaScript 的型別不是固定不變的,所以我們可以把字串型別的值賦予在一個變數上,然後重新賦予該變數一個數值型別的值,覆蓋...

技術 JavaScript 修練 (4) | 型別判斷與原始型別包裹物件

強型別與弱型別 開始介紹 JavaScript 中型別有哪些和判斷的方式之前,我想先介紹一些強型別與弱型別的基礎知識,程式語言中依語言型別系統 ( Type s...

技術 使用HttpOnly Cookie,Token 不會被 JS 讀取?

有朋友看到這篇「 你知道 Cookie、LocalStorage、SessionStorage 的使用時機嗎? 」內容,對於 Token 不被 JS 存取,這件...

技術 JavaScript 修練 (3) | 運算子執行先後

運算子 前篇文章有提到表達式 ( Expression ) 會回傳值,而除了純值、呼叫函式之外,運算子 ( Operator ) 執行時也會回傳值,所以 MDN...

技術 JavaScript 修練 (2) | 陳述式與表達式

JavaScript 的文法概念 程式語言就像對電腦說的語言,和其他語言一樣也會有自己的文法概念,這些文法形成的語句,會影響電腦對程式碼執行的方式 本篇文章將介...

技術 JavaScript 修練 (1) | 變數的宣告、作用域與提升

沒有宣告變數會怎樣? 宣告變數的目的在於賦予變數一個初始值,並限制它的作用域。 在學習 JavaScript 的過程中,總是會一直被重複提醒變數需要被宣告,但是...

技術 JavaScript的原型、原型鏈、原型繼承

[[Prototype]] 又是什麼? 和 proto 的差別是什麼? [[Prototype]] 是在 JavaScript 中物件的特殊隱藏屬性,這個屬性對...

技術 JavaScript 中的 this

JavaScript 中的 this 🔹 this 是什麼? this 是 JavaScript 中的一個關鍵字,它的值通常根據呼叫方式決定。箭頭函式例外,它在...

技術 JavaScript物件與記憶體位置

物件傳參考特性 陣列、函式、物件、日期都屬於物件型別 物件型別屬於傳參考 const person = { name: "小明"...

技術 JavaScript 的寬鬆相等、嚴格相等

寬鬆相等 寬鬆相等是 JavaScript 中使用雙等號 == 進行比較的運算符。它的特別之處在於,在比較不同類型的操作數時,JavaScript 會嘗試進行隱...

技術 JavaScript隱性轉換

隱性轉換(Implicit Type Conversion) JavaScript 在進行運算時,經常會自動將變數轉型。這一節整理常見隱性轉型的規則 +運算子...

技術 JavaScript 函式重要概念:閉包、一級函式與高階函式

閉包 閉包使可以從內部函式訪問外部函式的作用域的變數 閉包的作用: 重複調用 獨立變數 隱藏變數 這個例子中,匿名函式會存取外部函式中的 origin...

技術 【JavaScript】Object.entries()

【前言】本系列為個人前端學習之路的學習筆記,在過往的學習過程中累積了很多筆記,如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...

技術 javascript: 錨點下滑+滾動點亮nav (ES6 Class)

使用方法 let a = new ClickScroll() a.navBtns = [dom1, dom2, dom3] // 導覽列dom元素,陣列 a.t...