今天,我想來點 Event Loop (事件循環)! 為什麼會有 Event Loop (事件循環)? 在正式說明之前,先來理解一下,為何會有 Event Lo...
Heap 是一種特別的完全二元樹(Complete Binary Tree),在一顆二元樹中,若除最後一層外的其他層都是充滿節點的,並且最後一層要麼是滿的,要麼...
物件的映射表示物件能夠看見與改變自己的屬性與方法,透過物件的映射可以使用一種有用的模式來擴展物件, 透過以下程式碼來看如何使用: var person = {...
如果有一個 obj 物件並且 obj 物件裡有一個 prop1 屬性:可以透過 . 運算子來取用 obj 的 prop1 屬性,obj 物件可以參考到另外一個原...
在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-06 並且有習題和測試可以讓大家練習。...
前言 今天來到Number的筆記錦集,一樣是筆者我常用的幾個方法,number看似簡單(?)卻暗藏玄機,以下會一一實驗~ 今日筆記會提到:Number()、pa...
前兩天講的 HTML、CSS 如果重要程度是10的話,那 JavaScript 的重要程度就是100,沒有 JavaScript 就沒得整人!所以 JavaSc...
在 Day 02 中提到 JavaScript 在執行之前做了哪些事情,而今天要來說一下 JavaScript 在執行的時候的一些機制和概念。等等會談到兩個名詞...
當 JS 引擎執行程式碼(script)時,會創建 execution contexts(執行環境) JavaScript 共會建立兩種執行環境: 全域執行環...
此演算法是分治法的延伸,將一個問題分成好幾個小問題,並將小問題解出並記錄答案,例如用一個陣列去儲存,這些小問題的答案就不用被重複計算,最後根據小問題的答案取得整...
大家好~ 我是 Eric 今天我們來探討一個看似簡單但實則充滿陷阱的主題,如何在 JavaScript 中判斷一個數字是否為奇數。你可能會覺得這很簡單,但實際上...
閉包 (Closures) 之前我們已經知道了執行脈絡與執行堆疊,這兩個觀念都對理解閉包起了很大的幫助, 先來看一段利用到閉包的程式碼: function gr...
繼上篇提及到回呼函式(Callback Function),今天來講 Promise 與 async/await! Promise 是什麼? Promise 是...
上篇一個大談閉包的概念之後,今天來講一下函式相關的兩個重要概念一級函式(First-Class Function)和回呼函式(Callback Function...
在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-05 並且有習題和測試可以讓大家練習。...
前言 前幾天說了Git,接下來是對於前端新手在寫一些功能時會用到的方法,其實大部分自己都知道怎麼使用,但每次要用到還是會有一點不確定想查一下,藉著這次把這些整理...
Array Methods 以下皆是 higher-order function arr.map(callbackFn) - 創建一個新array,其中填充...
因為需要幫公司新人Webapi訓練來新增整合測試,來減少人工測試的時間,所以研究了一下PostMan Script的使用方法。 邏輯上也是可以使用程式來寫整合測...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...
Async / Await 是 ECMAScript 8 ( ES2017 ) 引入的一個功能,它是建立在 Promise 之上的語法糖,允許我們使用 asyn...
在介紹 Dijkstra’s Algorithm 前要先說這是最短路徑問題(Shortest Path)中的一種經典演算法,最短路徑問題是能算出在 graph...
之前透過有過將匿名函數附值給變數: var greetFunc = function(name) { console.log("hi~"...
嗨~大家好~我是 Eric,今天我們來聊聊一個結構面試題,話不多說,我們來看看題目 讓以下程式碼可以正常運作:var [a, b] = { a: 1, b: 2...
在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-04。今天要講述的主題是 declara...
第 04 天:認識 Svelte 元件 我不自覺的看了一眼 Svelte 元件,裡面除了 Javascript、HTML、還有 CSS 程式碼。既熟悉又陌生,...
JavaScript 有自己的記憶體回收機制,會透過一個稱作 垃圾回收器(garbage collector) 的系統,追蹤和釋放一些不再使用的記憶體空間。然...
首先,將Chrome瀏覽器打開,點擊右上角的三個點點 → 更多工具 → 開發人員工具 快速鍵 滑鼠按右鍵,點擊 檢查,又或是 Key-in: 點擊 Cons...
在說明 Promise 前,首先我們要知道為什麼需要有 Promise。我們知道 setTimeout() 是屬於非同步的一種,如果我們需要第一個執行完成後才執...
簡單說,就是有多個節點(vertex),且彼此有些連接線(edge)的資料結構,以下都是 graph : 並且 graph 種類還能分為有向 & 無...