iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Software Development DAY 8

技術 Day 08 - 理解 JavaScript ,為什麼要知道 Event Loop 事件循環?

今天,我想來點 Event Loop (事件循環)! 為什麼會有 Event Loop (事件循環)? 在正式說明之前,先來理解一下,為何會有 Event Lo...

鐵人賽 自我挑戰組 DAY 7

技術 Day7-Heap 堆積

Heap 是一種特別的完全二元樹(Complete Binary Tree),在一顆二元樹中,若除最後一層外的其他層都是充滿節點的,並且最後一層要麼是滿的,要麼...

鐵人賽 自我挑戰組 DAY 12

技術 物件的映射(Reflection)與擴展(Extend)

物件的映射表示物件能夠看見與改變自己的屬性與方法,透過物件的映射可以使用一種有用的模式來擴展物件, 透過以下程式碼來看如何使用: var person = {...

鐵人賽 自我挑戰組 DAY 11

技術 原型鏈(Prototype Chain)

如果有一個 obj 物件並且 obj 物件裡有一個 prop1 屬性:可以透過 . 運算子來取用 obj 的 prop1 屬性,obj 物件可以參考到另外一個原...

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

技術 [Should I use fp-ts?] Day 06 - pipe and flow

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

鐵人賽 自我挑戰組 DAY 7

技術 Number常用錦集

前言 今天來到Number的筆記錦集,一樣是筆者我常用的幾個方法,number看似簡單(?)卻暗藏玄機,以下會一一實驗~ 今日筆記會提到:Number()、pa...

鐵人賽 Software Development DAY 7

技術 [Day7] 不懂JavaScript 只好等著被整😔 基本概念篇

前兩天講的 HTML、CSS 如果重要程度是10的話,那 JavaScript 的重要程度就是100,沒有 JavaScript 就沒得整人!所以 JavaSc...

鐵人賽 自我挑戰組 DAY 7

技術 [Day 07] 執行環境、執行堆疊

在 Day 02 中提到 JavaScript 在執行之前做了哪些事情,而今天要來說一下 JavaScript 在執行的時候的一些機制和概念。等等會談到兩個名詞...

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

技術 【DAY18】全域執行環境、函式執行環境

當 JS 引擎執行程式碼(script)時,會創建 execution contexts(執行環境) JavaScript 共會建立兩種執行環境: 全域執行環...

鐵人賽 自我挑戰組 DAY 6

技術 Day6-Dynamic Programming 動態規劃法

此演算法是分治法的延伸,將一個問題分成好幾個小問題,並將小問題解出並記錄答案,例如用一個陣列去儲存,這些小問題的答案就不用被重複計算,最後根據小問題的答案取得整...

鐵人賽 自我挑戰組 DAY 19

技術 Day20 - 奇數判斷

大家好~ 我是 Eric 今天我們來探討一個看似簡單但實則充滿陷阱的主題,如何在 JavaScript 中判斷一個數字是否為奇數。你可能會覺得這很簡單,但實際上...

鐵人賽 自我挑戰組 DAY 10

技術 閉包

閉包 (Closures) 之前我們已經知道了執行脈絡與執行堆疊,這兩個觀念都對理解閉包起了很大的幫助, 先來看一段利用到閉包的程式碼: function gr...

鐵人賽 Software Development DAY 7

技術 Day 07 - 理解 JavaScript ,為什麼要知道 Promise 與 async/await?

繼上篇提及到回呼函式(Callback Function),今天來講 Promise 與 async/await! Promise 是什麼? Promise 是...

鐵人賽 Software Development DAY 6

技術 Day 06 - 理解 JavaScript ,為什麼要知道一級函式、回呼函式?

上篇一個大談閉包的概念之後,今天來講一下函式相關的兩個重要概念一級函式(First-Class Function)和回呼函式(Callback Function...

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

技術 [Should I use fp-ts?] Day 05 - pointfree

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

鐵人賽 自我挑戰組 DAY 6

技術 String 常用錦集

前言 前幾天說了Git,接下來是對於前端新手在寫一些功能時會用到的方法,其實大部分自己都知道怎麼使用,但每次要用到還是會有一點不確定想查一下,藉著這次把這些整理...

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

技術 【DAY17】Array Methods 補充、map forEach比較

Array Methods 以下皆是 higher-order function arr.map(callbackFn) - 創建一個新array,其中填充...

技術 PostMan Script - 寫Api整合測試

因為需要幫公司新人Webapi訓練來新增整合測試,來減少人工測試的時間,所以研究了一下PostMan Script的使用方法。 邏輯上也是可以使用程式來寫整合測...

鐵人賽 自我挑戰組 DAY 9

技術 【Day9】ChatGPT請教教我:異步Promise、async/await、串接API

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

鐵人賽 自我挑戰組 DAY 8

技術 【Day8】ChatGPT請教教我:進階JavaScript 、 ES6語法&語法糖

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

鐵人賽 Modern Web DAY 20

技術 非同步處理 Ⅱ (Async / Await)

Async / Await 是 ECMAScript 8 ( ES2017 ) 引入的一個功能,它是建立在 Promise 之上的語法糖,允許我們使用 asyn...

鐵人賽 自我挑戰組 DAY 5

技術 Day5-Dijkstra's Algorithm(戴克斯特拉演算法)

在介紹 Dijkstra’s Algorithm 前要先說這是最短路徑問題(Shortest Path)中的一種經典演算法,最短路徑問題是能算出在 graph...

鐵人賽 自我挑戰組 DAY 9

技術 立即執行函數 IIFE

之前透過有過將匿名函數附值給變數: var greetFunc = function(name) { console.log("hi~"...

鐵人賽 自我挑戰組 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 種類還能分為有向 & 無...