iT邦幫忙

javascript相關文章
共有 5649 則文章
鐵人賽 自我挑戰組 DAY 19

技術 Day19 - 一道解構的面試題

嗨~大家好~我是 Eric,今天我們來聊聊一個結構面試題,話不多說,我們來看看題目 讓以下程式碼可以正常運作:var [a, b] = { a: 1, b: 2...

鐵人賽 Software Development DAY 4
Should I use fp-ts 系列 第 4

技術 [Should I use fp-ts?] Day 04 - declarative vs. imperative

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-04。今天要講述的主題是 declara...

鐵人賽 Modern Web DAY 4
了不起的 Svelte 系列 第 4

技術 第 04 天:認識 Svelte 元件

第 04 天:認識 Svelte 元件 我不自覺的看了一眼 Svelte 元件,裡面除了 Javascript、HTML、還有 CSS 程式碼。既熟悉又陌生,...

鐵人賽 自我挑戰組 DAY 6

技術 [Day 06] 記憶體管理

JavaScript 有自己的記憶體回收機制,會透過一個稱作 垃圾回收器(garbage collector) 的系統,追蹤和釋放一些不再使用的記憶體空間。然...

技術 使用Chrome的開發人員工具來練習JS

首先,將Chrome瀏覽器打開,點擊右上角的三個點點 → 更多工具 → 開發人員工具 快速鍵 滑鼠按右鍵,點擊 檢查,又或是 Key-in: 點擊 Cons...

鐵人賽 Modern Web DAY 19

技術 非同步處理 Ⅰ (Promise)

在說明 Promise 前,首先我們要知道為什麼需要有 Promise。我們知道 setTimeout() 是屬於非同步的一種,如果我們需要第一個執行完成後才執...

鐵人賽 自我挑戰組 DAY 4

技術 Day4-Graph 圖

簡單說,就是有多個節點(vertex),且彼此有些連接線(edge)的資料結構,以下都是 graph : 並且 graph 種類還能分為有向 & 無...

鐵人賽 自我挑戰組 DAY 8

技術 What's this?

This 之前提到過在 JavaScript 引擎創造全域執行脈絡時,在創造階段除了創造全域物件(window)也會創造變數 this ,this 在瀏覽器的全...

鐵人賽 自我挑戰組 DAY 18

技術 Day18 - 使用 Audio API 實現音頻視覺化

嗨~大家好我是Eric~ 音頻視覺化是一個很有趣的領域,不僅可以讓我們更直觀地感受音樂,還能提供一個極富吸引力的用戶體驗,在這篇文章中,我會展示如何使用 Web...

鐵人賽 Software Development DAY 3
Should I use fp-ts 系列 第 3

技術 [Should I use fp-ts?] Day 03 - pure function

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-03。本系列文的目的是讓讀者 和筆者 能...

鐵人賽 Software Development DAY 5

技術 Day 05 - 理解 JavaScript ,為什麼要知道閉包(下)?

上篇簡單講述了閉包的特性之後,今天來點不同的舉例來加深印象! 先來看看以下程式碼: function createFunctionArray() { var...

鐵人賽 自我挑戰組 DAY 5

技術 [Day 05] 提升(Hoisting)

在前幾天中我已經提過 提升(Hoisting) 這個專有名詞,它是 JavaScript 中的一個重要概念。單從字面上比較難理解它的意思,甚至引起誤解。今天就來...

技術 變數宣告練習

題目: 活動主題:2023 中秋節晚會抽獎活動活動進度:0主辦人:王大明活動內容:中秋節社區晚上吃辦桌,摸彩活動抽大獎獎品:Iphone 14 pro max...

鐵人賽 自我挑戰組 DAY 5

技術 【Day5】指南:讓ChatGPT成為程式碼的開發/運維好夥伴

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...

鐵人賽 Modern Web DAY 18

技術 null VS. undefined

null 和 undefined 代表著缺少值或未定義的狀態。儘管它們在 JavaScript 中也存在,但在 TypeScript 中,可以使用靜態型別檢查來...

技術 JS 變數與值

變數 - Variable 什麼是變數?變數就是所謂給電腦辨識定義資訊的名稱。 值 - Valure 什麼是值?值就是所謂給電腦辨識該變數所賦予出的值,也就是所...

鐵人賽 自我挑戰組 DAY 16
一個月的後端學習之旅 系列 第 16

技術 【DAY16】擴展語法、剩餘參數、型別轉換

Spread Syntax 用於 array, function invocation 擴展語法 Spread Syntax,允許在需要零個或多個參數argum...

鐵人賽 自我挑戰組 DAY 15
一個月的後端學習之旅 系列 第 15

技術 【DAY15】Nested loop、Break、Continue、Math Object

巢狀迴圈 nested loop 指在 loop 內部還有另一個 loop 的情況,內部迴圈以及外部迴圈可以是任何類型 執行規則:內部迴圈將在外部迴圈的每次迭代...

鐵人賽 自我挑戰組 DAY 7

技術 傳值(by value)與傳參考(by reference)

傳值(by value) 當將變數 a 透過 = 運算子設置為基本型別(純值)後,再把 a 透過 = 運算子賦值給 b: var a = 3; var b;...

鐵人賽 自我挑戰組 DAY 4

技術 [Day 04] 作用域(Scope)

作用域(Scope)是指在程式碼中變數(或函數等)的可訪問性和可見性的範圍,一個變量或表達式只在當前的作用域中可用,在其它地方是不可用的。作用域也可以構成層級結...

鐵人賽 自我挑戰組 DAY 17

技術 Day17 - 標準化你的函數參數 - Parameter Normalization

嗨大家好,我是 Eric!今天我要跟大家講一個非常有用但又常被忽略的技巧,那就是「參數歸一化」或「Parameter Normalization」,我們都知道在...

鐵人賽 自我挑戰組 DAY 7

技術 【Day7】ChatGPT請教教我:網頁入門 - jQuery

jQuery是一個2006年推出的JS函式庫三大框架盛行的至今,到了2023年還是有許多台灣的企業還在使用jQuery以初學網頁的角度,我個人認同jQuery是...

鐵人賽 自我挑戰組 DAY 6

技術 【Day6】ChatGPT請教教我:網頁基礎入門 - Html、JavaScript、CSS

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...

鐵人賽 自我挑戰組 DAY 3

技術 [Day 03] 宣告關鍵字: var, let, const

var、let 和 const 是 JavaScript 中用來宣告變數(常數)的關鍵字。在講解它們的特性之前,還是先來看一下它們的歷史: var var 是...

鐵人賽 Software Development DAY 4

技術 Day 04 - 理解 JavaScript ,為什麼要知道閉包(上)?

繼上篇提到的提升與作用域後,今天來點 Scope Chain (作用域鏈) 與 Closure (閉包)! Scope Chain(作用域鏈)是什麼? 當 Ja...

鐵人賽 Software Development DAY 3

技術 Day 03 - 理解 JavaScript ,為什麼要知道變數提升與作用域?

繼上篇提到的宣告變數與常數後,透過上篇的總結表格,來聊聊變數提升以及作用域! Hoisting 在說明 Block Scope (區塊作用域) & Fu...

鐵人賽 自我挑戰組 DAY 3
React 個人讀書會 系列 第 3

技術 Day 03 - 工欲善其事,必先利其器:ES6

React 相較於其他前端框架,它的機制仰賴於對 JavaScript 的理解,因此,掌握 ES6 語法變得尤為重要,接著讓我們來了解一下常用的 ES6 語法...

鐵人賽 自我挑戰組 DAY 14
一個月的後端學習之旅 系列 第 14

技術 【DAY14】 for、while、do while

迴圈 Loop 迴圈提供一個快速又簡潔的方法來重複地做某件事,各式各樣的迴圈機制提供了不同的方法來定義該迴圈的起始與結束 常見的迴圈有 for, do whil...

鐵人賽 Software Development DAY 2
Should I use fp-ts 系列 第 2

技術 [Should I use fp-ts?] Day 02 - 測試環境

測試環境 在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到。此 repo 使用 Bun 作為 runtime、包管理工具以...

鐵人賽 自我挑戰組 DAY 6

技術 first class function

First class function 在 javascript 中, 可以對 function 做基本型別(純值)與物件能做的事,像是把 function...