iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 自我挑戰組 DAY 14
複習 JavaScript 核心概念 系列 第 14

技術 [Day 14] 運算子的優先性及相依性

運算子(Operators) 是程式語言中基本且超常見的元素,它們用於執行各種操作,例如數學運算、字串連接和邏輯判斷等等。接下來將簡單介紹在 JavaScrip...

鐵人賽 自我挑戰組 DAY 16

技術 非同步事件

之前說過 JavaScript 是同步執行的,但是瀏覽器中不只有 JavaScript 引擎,還有渲染引擎跟 Web API 等等,Web API 中有許多事件...

鐵人賽 自我挑戰組 DAY 13
複習 JavaScript 核心概念 系列 第 13

技術 [Day 13] 關於「原始型別(傳值)」及「物件型別(傳參考)」

在 JavaScript 中,變數(或常數)根據可以保存不同類型的值,值的型別(type)可以分為兩大類:原始型別 和 物件型別。這兩種型別有各自的特性,它們之...

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

技術 【DAY23】 靜態與動態網頁、網頁開發工具

靜態網頁 static websites 靜態網頁中的內容就是HTML, CSS, Java Script所創建的網頁 靜態網站上的每個頁面都存儲為單個 HTM...

鐵人賽 Software Development DAY 12

技術 [Day12] 不懂JavaScript 只好等著被整😔 流程控制篇 (3)

當我們想要用程式重複執行同樣的動作時,可以用迴圈來重複執行同一組程式碼。而迴圈分為需要計算執行次數和不管次數持續執行兩種,今天要講的是需要計算執行次數的 for...

技術 如何用TypeScript寫出你的第一個Eslint Rule

在公司實習時遇到了一個問題,我們會用i18n來去做網站的中英文轉換,我們並且會寫一份json來管理我們所有的key,但會遇到一個問題就是說如果一個key在英文有...

鐵人賽 Software Development DAY 12

技術 Day 12 - 理解 JavaScript,為什麼要知道 ES6 的語法糖 Class?

在上篇因為 JavaScript 沒有原生的 Class,所以他的繼承方式是以 prototype (原型),在 ES6 中引入了 Class(類別)語法,他是...

鐵人賽 Modern Web DAY 11

技術 currying柯里化

剛學js的時候,常常會看到自己難以理解的東西,比如說這個: function add(a) { return function (b) { retu...

鐵人賽 Modern Web DAY 11

技術 【Day11】讓網頁動起來(1) → Javascript 速成

在前面的七篇中,我們講解了構成網頁設計的基礎要素:CSS。但這遠遠是不夠的,CSS只能賦予網頁靜態的美術效果與資訊展示。然而,我們對現代網站的期望通常都具備動態...

鐵人賽 自我挑戰組 DAY 15

技術 使用 Class 語法糖建立物件

在 JavaScipt 中可以使用 Class 語法糖來建立物件,但要注意 JavaScript 的 Class 與其他語言的 Class 不同,在其他語言像是...

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

技術 [Should I use fp-ts?] Day 10 - fp-ts: Option getOrElse, getOrElseW

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-10 並且有習題和測試可以讓大家練習。...

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

技術 [Should I use fp-ts?] Day 12 - fp-ts: Option alt

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-12 並且有習題和測試可以讓大家練習。...

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

技術 [Should I use fp-ts?] Day 11 - fp-ts: Option match, matchW

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-11 並且有習題和測試可以讓大家練習。...

鐵人賽 自我挑戰組 DAY 16

技術 關於非同步-1

前言 在這邊會偏向複習非同步用法、釐清 promise 函式與 async/await 的想法。建議可以對非同步已經有一點了解再看~ 非同步的種類在下篇文章,會...

鐵人賽 自我挑戰組 DAY 15

技術 關於dataset(data-*)

理解&說明 data-* 是一種 html 的自訂資料屬性 dataset 屬性只能讀取(JS讀取在html中賦予的屬性),不能寫入(用寫JS給予值)...

鐵人賽 自我挑戰組 DAY 14

技術 關於正規表達式(有表單驗證寫法)

前言 找到很多方法都是使用套件,在這裡會嘗試用JS原生的方法來寫表單驗證~ 正規表達式 驗證時會使用到 利用此寫法 var regExp = new RegE...

鐵人賽 自我挑戰組 DAY 13

技術 停止預設事件的各種方法

前言 在寫功能時,有時會突然忘記如果我想要停止預設事件,應該要用 return false、還是 break、還是其他的方法.…。於是整理了這篇筆記,將這些使用...

鐵人賽 自我挑戰組 DAY 12

技術 關於運算子

前言 這裡會介紹三元運算子為主,今天會講到NULL運算子、三元運算子、三元運算子連續判斷取值。 基本的運算子(快速帶過) 賦值運算子:等號是最基本的,還有...

鐵人賽 自我挑戰組 DAY 11

技術 深拷貝、淺拷貝的說明及實驗

前言 今日介紹:深拷貝、淺拷貝。在實作上應該經常碰到,尤其是當需要處理龐大後端傳來的資料時。 深拷貝、淺拷貝 淺拷貝 當新舊陣列,會因為資料使用的地址相同,導...

鐵人賽 自我挑戰組 DAY 16

技術 Day16-[Grind 169 questions][Array] LeetCode 560、283、253

560. Subarray Sum Equals K 解題程式碼 var subarraySum = function (nums, k) { const...

鐵人賽 自我挑戰組 DAY 15

技術 Day15-[Grind 169 questions][Array] LeetCode 128、189、525

128. Longest Consecutive Sequence 解題程式碼 var longestConsecutive = function (nums)...

鐵人賽 自我挑戰組 DAY 14

技術 Day14-[Grind 169 questions][Array] LeetCode 11、252、134

11. Container With Most Water 解題程式碼 var maxArea = function (height) { let left...

鐵人賽 自我挑戰組 DAY 13

技術 Day13-[Grind 169 questions][Array] LeetCode 169、75、217

169. Majority Element 解題程式碼 var majorityElement = function (nums) { let majori...

鐵人賽 自我挑戰組 DAY 12

技術 Day12-[Grind 169 questions][Array] LeetCode 238、39、56

238. Product of Array Except Self 解題程式碼 var productExceptSelf = function (nums)...

鐵人賽 Modern Web DAY 10

技術 閉包和他的快樂小夥伴scope chain

閉包無所不在,在你還沒知覺到的時候,你已經寫了一個閉包,像是這樣: const outVar = "out variable"; const...

鐵人賽 自我挑戰組 DAY 14

技術 Object.create 與純粹的原型繼承

Object.create Object.create 接受一個物件當作傳入的參數,這個傳入的物件會被新增到 Object.create 回傳的新物件中當作它能...

鐵人賽 Software Development DAY 11

技術 [Day11] 不懂JavaScript 只好等著被整😔 流程控制篇 (2)

昨天講解了流程控制的if...else (如果符合條件的話,就執行以下程式碼),今天要講的是流程控制中的 switch 語法。可以把 switch 當作是選擇題...

鐵人賽 自我挑戰組 DAY 11
複習 JavaScript 核心概念 系列 第 11

技術 [Day 11] JavaScript 可以不加分號?關於「自動分號插入(ASI)」

在大部分程式語言中,分號通常被放在一行程式碼的最尾端,來表示這行程式碼到這裡就結束了。然而在 JavaScript 中,你可能會注意到,有時候你可以不加分號而程...

鐵人賽 Software Development DAY 11

技術 Day 11 - 理解 JavaScript,為什麼要知道原型、原型鏈與原型繼承?

今天來點 JavaScript 的原型與繼承! Prototype(原型)是什麼? 當我們在 JavaScript 中建立物件時,每個物件都有一個隱含屬性 [[...

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

技術 [Should I use fp-ts?] Day 09 - fp-ts: Option flatten, flatMap(chain)

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-09 並且有習題和測試可以讓大家練習。...