iT邦幫忙

you-dont-know-js相關文章
共有 37 則文章
鐵人賽 Modern Web DAY 7

技術 【這些年我似是非懂的 Javascript】Day 7 - Natives 原生功能

常用的原生功能我相信各位讀者多少都看過 以下列舉幾個常見常用的。 String() Number() Boolean() Array() Object()...

鐵人賽 Modern Web DAY 6

技術 【這些年我似是非懂的 Javascript】Day 6 - 值

嗨各位好,我是 Robin, 今天來分享 JS 中幾個內建值型別, 希望我們能夠一起完全的理解且正確地善用他們~ 陣列 可以儲存任何型別的容器 JS 的陣列特...

鐵人賽 Modern Web DAY 5

技術 【這些年我似是非懂的 Javascript】Day 5 - 飽受爭議的型別

圖片來源 嗨各位你們好,我是 Robin~ 之前在 【這些年我不懂的 Javascript】Day 3 - 你一定可以入的了門 #上篇 這篇有提到 JS...

鐵人賽 Modern Web DAY 4

技術 【這些年我似是非懂的 Javascript】Day 4 - 你一定可以入的了門 #下篇

圖片來源 嗨各位今天來接續昨天那篇 【這些年我不懂的 Javascript】Day 3 - 你一定可以入的了門 #上篇 今日學習清單 變數 函式的範疇...

鐵人賽 Modern Web DAY 3

技術 【這些年我似是非懂的 Javascript】Day 3 - 你一定可以入的了門 #上篇

圖片來源 這篇要與您一同進入 JS 的入門世界,從基礎開始雖然乏味但是特別扎實,如果你已經有一定的基礎,那也很適合你檢視自己的觀念,如果有異直接發問與我討...

鐵人賽 Modern Web DAY 2

技術 【這些年我似是非懂的 Javascript】Day 2 - 程式語言超入門

圖片來源 今天來分享一下程式語言超入門, 基本上是以真的真的完全不知道程式是什麼為基礎的文章, 雖然說有一些看起來是專有名詞但是其實所講述的其實並不會很難...

鐵人賽 Modern Web DAY 1

技術 【這些年我似是非懂的 Javascript】Day 1 - 各就各位…預跑!

截圖自此影片 前言 嗨各位~ 我是 Robin ! 還不知道我是誰的可以看我上個系列的文章(還沒完結) 這篇有我的自我介紹~ 如果懶得看我這邊也簡單稍微介紹一...

鐵人賽 Modern Web DAY 30
你懂 JavaScript 嗎? 系列 第 30

達標好文 技術 你懂 JavaScript 嗎?#30 總結

總結鐵人賽這 30 天的想法與感謝。 一些想法... 看過一些 JavaScript 書籍好的其實我看的書不多,像是 JavaScript Info、Java...

鐵人賽 Modern Web DAY 29
你懂 JavaScript 嗎? 系列 第 29

技術 你懂 JavaScript 嗎?#29 語法(Syntax)

本文主要會談到 ES6 新增的熱門語法,包含以區塊為範疇的宣告、分散與其餘運算、預設參數值、解構、物件字面值擴充功能、範本字面值、箭號函式。 以區塊為範疇的宣...

鐵人賽 Modern Web DAY 28
你懂 JavaScript 嗎? 系列 第 28

技術 你懂 JavaScript 嗎?#28 ES? 現在 vs 未來

本文主要會談到如何在 JavaScript 快速演進的狀況下,漸進的適應新功能?來嘗試 Transpiling 與 Shims/Polyfills 吧。 .....

鐵人賽 Modern Web DAY 27
你懂 JavaScript 嗎? 系列 第 27

技術 你懂 JavaScript 嗎?#27 基準化分析與微調(Benchmarking & Tuning)- 使用 Benchmark.js 和 jsPerf 分析程式碼效能

本文主要會談到如何使用工具來做基準化分析。 基準化分析(Benchmarking) 在做效能檢測時,我們會遇到什麼樣的干擾或不定因素呢?例如,引擎或系統的差異...

鐵人賽 Modern Web DAY 26
你懂 JavaScript 嗎? 系列 第 26

技術 你懂 JavaScript 嗎?#26 程式效能(Program Performance)

本文主要會談到 web worker、SIMD 與 asm.js。 到目前為止我們只談論了如何有效的運用非同步處理模式,現在就來探討為什麼非同步處理對 Jav...

鐵人賽 Modern Web DAY 25
你懂 JavaScript 嗎? 系列 第 25

技術 你懂 JavaScript 嗎?#25 產生器(Generator)

本文主要會談到 generator 的基本概念與範例。 從 callback 演進到 ES6 promise 與 generator 再進化到 ES7 as...

鐵人賽 Modern Web DAY 24
你懂 JavaScript 嗎? 系列 第 24

技術 你懂 JavaScript 嗎?#24 Promise

本文主要會談到 promise 是什麼?promise 的錯誤處理、模式與限制。 ... ... promise 就是承諾(真的)。 callback 不能...

鐵人賽 Modern Web DAY 23
你懂 JavaScript 嗎? 系列 第 23

技術 你懂 JavaScript 嗎?#23 Callback

本文主要會談到情境切換、callback vs callback hell、控制權轉移、解決 callback 的信任問題的解法-分別回呼與錯誤優先處理。 ....

鐵人賽 Modern Web DAY 22
你懂 JavaScript 嗎? 系列 第 22

技術 你懂 JavaScript 嗎?#22 非同步:現在和以後

本文主要會談到 事件迴圈 共時 事件迴圈(Event Loop) 開發者會利用函式(function)的方式將程式碼切成一個個片段,而這些函式執行的時機是...

鐵人賽 Modern Web DAY 21
你懂 JavaScript 嗎? 系列 第 21

技術 你懂 JavaScript 嗎?#21 ES6 Class

本文主要是探討 ES6 Class 的美好與陷阱。 ES6 Class 關於 ES6 Class,我們先再次檢視先前提過的 Widget 與 Button 範...

鐵人賽 Modern Web DAY 20
你懂 JavaScript 嗎? 系列 第 20

技術 你懂 JavaScript 嗎?#20 行為委派(Behavior Delegation)

本文主要會談到 什麼是行為委派?和類別有什麼差異?行為委派的優點是什麼?模型比較? 什麼是 OLOO?如何使用委派機制達到去類別化?如何撰寫更簡潔易懂的程式...

鐵人賽 Modern Web DAY 19
你懂 JavaScript 嗎? 系列 第 19

技術 你懂 JavaScript 嗎?#19 原型(Prototype)

本文主要會談到 類別、建構子與實體。 什麼是原型串鏈?原型串鏈的功用是? 什麼是原型式繼承? 疑難雜症大解惑-如何分辨屬性是位於該物件或原型串鏈上的?如何分...

鐵人賽 Modern Web DAY 18
你懂 JavaScript 嗎? 系列 第 18

技術 你懂 JavaScript 嗎?#18 (簡易版)物件導向概念

本文主要會談到簡單的物件導向概念,作為後續「原型」(Prototypes)的暖身。 類別(Class)、建構子(Constructor)、實體(Instanc...

鐵人賽 Modern Web DAY 17
你懂 JavaScript 嗎? 系列 第 17

技術 你懂 JavaScript 嗎?#17 物件(Object)

關於物件,本文會提到 語法:宣告式與建構形式。 型別:再次複習 typeof、使用 instanceof 判定物件子型別。 內容:屬性值的存取、物件的複製(...

鐵人賽 Modern Web DAY 16
你懂 JavaScript 嗎? 系列 第 16

技術 你懂 JavaScript 嗎?#16 this

本文主要會談到 this 是什麼?判斷 this 的值的四個規則與例外。 語彙的 this,這裡會提到箭頭函數中的 this 的不同之處。 this 是什...

鐵人賽 Modern Web DAY 15
你懂 JavaScript 嗎? 系列 第 15

技術 你懂 JavaScript 嗎?#15 閉包(Closure)

本文主要會談到 閉包是什麼?有什麼功用? 迴圈與閉包搭配使用時的謬誤與陷阱。 模組模式是什麼? 如何管理模組?探討模組依存性載入器/管理器與 ES6 模組。...

鐵人賽 Modern Web DAY 14
你懂 JavaScript 嗎? 系列 第 14

技術 你懂 JavaScript 嗎?#14 動態範疇(Dynamic Scope)

本文主要是比較動態範疇與語彙範疇的差異。 動態範疇(Dynamic Scope)vs 語彙範疇(Lexical Scope) 前情提要,先前提過範疇是指編譯器...

鐵人賽 Modern Web DAY 13
你懂 JavaScript 嗎? 系列 第 13

技術 你懂 JavaScript 嗎?#13 拉升(Hoisting)

本文主要會談到 什麼是拉升(hoisting)? 變數與函式的拉升有什麼不同? 怎麼處理在 <script> 宣告的全域變數?是否也有拉升的狀況...

鐵人賽 Modern Web DAY 12
你懂 JavaScript 嗎? 系列 第 12

技術 你懂 JavaScript 嗎?#12 函式範疇與區塊範疇(Function vs Block Scope)

本文會提到 範疇的劃分單位可分為兩種-函式範疇與區塊範疇,它們有什麼不同?各有什麼優點? 函式範疇的重要觀念與相關應用-函式宣告與函式運算式、匿名與具名函式...

鐵人賽 Modern Web DAY 11
你懂 JavaScript 嗎? 系列 第 11

技術 你懂 JavaScript 嗎?#11 語彙範疇(Lexical Scope)

本文會提到 什麼是語彙範疇?這階段要做什麼事情? 什麼會改變語彙範疇?有什麼影響? 語彙範疇(Lexical Scope) 範疇的運作方式有兩種-語彙範疇...

鐵人賽 Modern Web DAY 10
你懂 JavaScript 嗎? 系列 第 10

技術 你懂 JavaScript 嗎?#10 範疇(Scope)

本文會提到 什麼是「範疇」?範疇的功用是? 編譯器怎麼理解程式碼? 什麼是巢狀範疇? 從 LHS 與 RHS 來理解 JavaScript 查找變數的報錯機...

鐵人賽 Modern Web DAY 9
你懂 JavaScript 嗎? 系列 第 9

技術 你懂 JavaScript 嗎?#9 文法(Grammar)

JavaScript 的文法是描述其語法(syntax),例如:運算子、關鍵字等,如何結合在一起,形成格式正確的有效程式的一種結構化方式。 本文主要會談到...

鐵人賽 Modern Web DAY 8
你懂 JavaScript 嗎? 系列 第 8

技術 你懂 JavaScript 嗎?#8 強制轉型(Coercion)

強制轉型(coercion)到底是一個有用的功能,還是設計上的缺陷呢? ... ... 本文主要會談到 強制轉型(coercion)分為兩種,分別是「明確...