iT邦幫忙

javascript相關文章
共有 5689 則文章
鐵人賽 自我挑戰組 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 並且有習題和測試可以讓大家練習。...

鐵人賽 Software Development DAY 10

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

通常程式執行的順序都是由上到下執行,但是有些時候會需要按照不同條件去執行對應的程式碼,像是如果是晴天就戴墨鏡,如果是雨天就帶雨傘,如果都不是就啥都不帶。這種流程...

鐵人賽 Modern Web DAY 24

技術 模組 & 命名空間 ( Modules & Namespaces )

相信使用 ES6 的小夥伴們對模組都不陌生,現代前端框架也都使用模組在運作。而模組和命名空間是兩種組織和封裝程式碼的方式,雖然它們都有類似的目標,但它們在某些方...

鐵人賽 Software Development DAY 10

技術 Day 10 - 理解 JavaScript,為什麼要知道如何建立物件?

物件是 JavaScript 中的核心概念,上篇有提及 new,今天來點如何建立物件吧! JavaScript 的基本型別 在之前的篇章中都未提及過的基本型別,...

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

技術 【DAY22】繼承、原型鏈、Prototype Inheritance in Constructors

繼承 Inheritance 在JavaScript中,每個物件都有一個private attribute叫做__proto__ __proto__屬性存放的值...

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

技術 【DAY21】遞迴、費波那契數列

Call Stack Call stack 是 JS 引擎追蹤本身在調用多個函數的程式碼中位置的機制,是資料結構的一種(電腦中的資料結構有分成 stack, q...

鐵人賽 自我挑戰組 DAY 23

技術 Day23 JavaScript是傳值還是傳址

今天終於要進入Javascript的世界啦! 因為在還沒鐵人賽之前有寫了幾篇文章,所以會跳過有寫過文章的部分。 如果小夥伴們對於JS變數宣告、型別、範圍鍊有興趣...

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

技術 [Day 10] 非同步任務的兩種類型:Macrotask 與 MicroTask

昨天提到了瀏覽器中 事件循環(Event Loop) 整體的運作過程,但其中有個地方沒有深入介紹,那就是Macrotask 和 MicroTask。 注意,接下...

鐵人賽 Modern Web DAY 9

技術 js的模組化:Common js & ES module

剛開始寫js的時候,寫的都是奈米級單元的小東西,完全沒感覺需要模組化什麼東西,但前輩題點說,雖然現在的東西還簡單,實際上應該沒有模組化的必要,但若能在這樣的狀態...

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

技術 第 09 天:Svelte 中的 Javascript:陳述

第 09 天:Svelte 中的 Javascript:陳述 我是真的有被標註的。一個星期六早上,一位穿著 Svelte 官方橘的司機走進了我庭院的草坪,替他...

鐵人賽 自我挑戰組 DAY 13

技術 建構子與「.prototype」

new 運算子與建構子 在 JavaScript 中除透過過物件實體語法 {} 來建立物件之外,還可以透過在呼叫 function 前透過 new 運算子來建立...

鐵人賽 自我挑戰組 DAY 9

技術 Object 常用錦集

前言 前後端傳值時也很常用到的Object方法。 本篇文章會介紹到 Object.assign()、delete、Object.keys()、Object.va...

鐵人賽 自我挑戰組 DAY 9

技術 [Day 09] 不可不知的事件循環(Event Loop)

昨天稍微講了 同步 和 非同步 ,而實際上 JavaScript 是怎麼做到非同步的,那就是今天的主體:事件循環(Event Loop)。在這之前,要先來介紹整...

鐵人賽 Software Development DAY 9

技術 [Day9] 不懂JavaScript 只好等著被整😔 函數篇

我們在寫程式時,常常會遇到需要做重複動作的任務,為了避免每次都要浪費時間寫一樣的程式碼,就會使用函數 (Function) 把那段程式包住,之後再遇到一樣動作的...