iT邦幫忙

javascript相關文章
共有 5171 則文章
鐵人賽 自我挑戰組 DAY 3
React 個人讀書會 系列 第 3

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

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

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

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

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

鐵人賽 自我挑戰組 DAY 4

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

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

鐵人賽 Modern Web DAY 2

技術 提升網頁效能的小技巧(字體載入)

在當今的網頁開發中,優化效能始終是一個追求的目標。我們都希望在短時間內,讓使用者得到最好的體驗。 於是,我們在開發過程中,努力地優化Lighthouse上的指標...

鐵人賽 自我挑戰組 DAY 7

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

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

鐵人賽 自我挑戰組 DAY 17

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

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

鐵人賽 自我挑戰組 DAY 2

技術 網頁開發初心者翻譯蒟蒻 : JavaScript篇 【Day2】- 什麼是JavaScript

Hello 大家好!👋 又見面了~我是30才跨領域轉職女子 - SOP小姐,前一天和大家提到這系列文的緣起,今天來讓大家快速了解一下什麼是JavaScript,...

鐵人賽 自我挑戰組 DAY 3

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

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

鐵人賽 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、包管理工具以...

鐵人賽 Software Development DAY 3

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

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

鐵人賽 自我挑戰組 DAY 3

技術 【Day3】示範:使用chatGPT撰寫程式解決算術相關問題

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

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

技術 【DAY14】 for、while、do while

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

鐵人賽 自我挑戰組 DAY 6

技術 first class function

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

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

技術 [Should I use fp-ts?] Day 01 - 前言

筆者背景 大家好,我是 Tuhacrt (吐哈庫)。 我是今年(2023)六月才剛成為軟體工程師的菜鳥工程師,有一次跟前輩在 debug 的途中討論到 Func...

鐵人賽 自我挑戰組 DAY 16

技術 Day16 - 表單的元素選擇:為什麼我們應該用 Form 而不是 Div?

哈囉,大家好!我是 Eric。今天我們要來談談一個看似簡單但實則關鍵的議題:表單處理。我們都知道,表單是網頁互動中不可或缺的一部分。但你有沒有遇過這樣的問題:你...

鐵人賽 自我挑戰組 DAY 2

技術 [Day 02] JavaScript 從解析到執行的過程

本篇我想來談談JavaScript從原始碼到成功執行的過程。在此之前先來看看直譯式語言和編譯式語言的概述(節錄自維基百科): 直譯語言(英語:Interpre...

鐵人賽 Modern Web DAY 16

技術 函式與 This 指向 (Function & This)

在前面幾個章節中,應該或多或少都有看到函式在 TypeScript 中的寫法,它比 JavaScript 多了參數和返回值的型別設定,我們看一下函式基本的宣告方...

鐵人賽 Software Development DAY 2

技術 Day 02 - 理解 JavaScript ,為什麼要知道 const, let, var ?

JavaScript 是什麼? JavaScript 是一個簡單、以物件為基礎且能在瀏覽器裡直接執行的腳本語言。(其實說簡單也不簡單,實際在學習的過程中,如果沒...

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

技術 【DAY13】物件導向語法

Object 物件 每個 JavaScript 物件都有 properties 以及 method,屬於物件的 function 被稱為method funct...

鐵人賽 自我挑戰組 DAY 1

技術 網頁開發初心者翻譯蒟蒻 : JavaScript篇 【Day1】- 前言

前言 Hello 大家好! 我是30才跨領域轉職女子 - SOP小姐,在29歲這年決心轉職,跨入網頁開發的領域開始學習前端技能,並期待在30歲這年可以送給自己一...

鐵人賽 自我挑戰組 DAY 5

技術 強制轉型

運算子 如果要進行四則運算可以透過運算子來進行: var a = 1 + 2; 但其實運算子也算是一種 JavaScript 語言中內建的 function...

鐵人賽 自我挑戰組 DAY 15

技術 Day15 - Web Animation API

嗨~大家好我是 Eric ~ 今天我們要討論的主題是「Web Animation API」又稱作「WAAPI」,你可以把它當做 JS 中 Animation,它...

鐵人賽 自我挑戰組 DAY 1

技術 [Day 01] 前言

JavaScript是一種高階程式語言,主要用於網頁開發,但它也可以用於伺服器端開發(Node.js)和行動應用程式開發等等。我將在這30天來聊聊關於Java...

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

技術 【DAY12】函數的時間複雜度

Function 的時間複雜度 在電腦科學中,演算法的時間複雜度 Time complexity 可以描述該演算法的執行時間 時間複雜度常用大 O (Big O...

鐵人賽 自我挑戰組 DAY 4

技術 Scope Chain

變數環境 變數環境用來描述由你創造的變數撰寫的位置,還有在記憶體中與其他變數的關係, 當執行以下程式碼: function b() { var myVar;...

鐵人賽 自我挑戰組 DAY 14

技術 Day14 - 編碼順序和字典順序

嗨,大家好!我是 Eric。今天我們要探討一個很有趣的主題:字典順序。不同於編碼順序,字典順序有它獨特的排序邏輯,接下來讓我們來看一個具體的例子。 台灣城市排序...

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

技術 【DAY11】Array陣列、Reference Data Type 比較

Array 陣列 JavaScript 中,array 並不是 primitive data type,當我們有需要將用途或性質相近的數據存儲在一起, arra...

鐵人賽 自我挑戰組 DAY 13

技術 Day13 - 超好用的Web API intersection Observer

嗨大家好,我是Eric!今天我們來談談一個超好用的 Web API,intersection Observer,它是一種只在用戶實際看到或需要內容時才開始加載該...

鐵人賽 自我挑戰組 DAY 3

技術 Hoisting

一般我們會先宣告完函數後才呼叫函數,也會在宣告完變數與賦值後才透過 console.log 來查看變數內容, 也就是像以下這段程式碼: var text = &...

鐵人賽 自我挑戰組 DAY 2

技術 執行脈絡(Execution context)與執行堆疊(Execution stack)

電腦無法直接讀懂 JavaScript 撰寫好的 JavaScript 的程式碼無法被電腦直接讀懂,需要透過像是 Google 的 V8 引擎來將我們寫的 Ja...