iT邦幫忙

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

鐵人賽 Software Development DAY 12

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

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

鐵人賽 Software Development DAY 12

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

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

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

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

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 11

技術 currying柯里化

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

鐵人賽 自我挑戰組 DAY 11

技術 Day11-[Grind 169 questions][Array] LeetCode 121、57、15

121. Best Time to Buy and Sell Stock 解題程式碼 var maxProfit = function (prices) {...

鐵人賽 自我挑戰組 DAY 15

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

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

鐵人賽 Software Development DAY 11

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

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

鐵人賽 Software Development DAY 11

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

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

鐵人賽 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 並且有習題和測試可以讓大家練習。...

鐵人賽 自我挑戰組 DAY 11

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

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

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

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

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

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 自我挑戰組 DAY 10

技術 Day10-[30 Days of JavaScript] LeeCode 2705、2715、2722、2723

2705. Compact Object 解題程式碼 var compactObject = function (obj) { if (obj === nu...

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

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

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

鐵人賽 自我挑戰組 DAY 14

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

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

鐵人賽 自我挑戰組 DAY 23

技術 Day23 JavaScript是傳值還是傳址

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

鐵人賽 Software Development DAY 10

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

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

鐵人賽 Software Development DAY 10

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

物件是 JavaScript 中的核心概念,上篇有提及 new,今天來點如何建立物件吧! 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 並且有習題和測試可以讓大家練習。...

鐵人賽 Modern Web DAY 24

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 自我挑戰組 DAY 9

技術 Day9-[30 Days of JavaScript] LeeCode 2629、2637、2665、2704

2629. Function Composition 解題程式碼 // 解法 1. 最簡潔 const compose = (fs) => (x) =&g...

鐵人賽 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...

鐵人賽 Software Development DAY 9

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

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