[link]_JavaScript

系列文章

• JavaScript系列 - PJCHENder
• 你所不知道的JavaScript - PJCHENder - 2017
• JS30 - PJCHENder - 2017
• ECMASCRIPT - openhome
• JavaScript 教程 - WangDoc
• [iT邦] 重新認識 JavaScript - Kuro - 2018
• [iT邦] 好 Js 不學嗎 !? JavaScript 入門中的入門 - Vita Ora - 2019
• [Youtube] 深入淺出 Javascript30 快速導覽 - Alex 宅幹嘛 - 2020

• ES6

  • ECMAScript 6 入門 - 阮一峰
  • Classes - Mozilla
  • 建構子 - Mozilla

基礎

• 上手使用 JavaScript 的 Map、Reduce 吧！ - Fred chien - 2017

• 物件

  • JavaScript 物件介紹 - mozilla

• DOM

  • 都 2017 年了，學學用原生 JS 來操作 DOM 吧 - Jimmy - 2017
  • 學學用原生JS來操作DOM吧 - notfalse技術客 - 2018

• 編程風格

  • 編程風格 - 阮一峰

• console

  • 除Console.log()外更多的Javascript除錯命令 - 程式前沿

• Array

  • JavaScript Array 陣列操作方法大全 ( 含 ES6 ) - oxxostudio - 2019

• 閉包

  • 閉包 - openhome
  • 深入淺出瞭解 JavaScript 閉包（closure） - PJCHENder - 2017
  • 你懂 JavaScript 嗎？#15 閉包（Closure） - Summer。桑莫。夏天 - 2018
  • 所有的函式都是閉包：談 JS 中的作用域與 Closure - TechBridge 技術共筆部落格 - 2018
  • 閉包 - WangDoc

• Proxy

  • 一起來了解 Javascript 中的 Proxy 與 Reflect - TechBridge 技術共筆部落格 - 2018

• 正規表達式

  • [iT邦]JavaScript - RegExp 物件 - Vita Ora - 2019

其他議題

• JSDoc 文檔註解

  • Javascript文檔註解規則使用方式 @use JSDoc - ucamc - 2018

• Preload, Prefetch, Preconnect

  • 深入淺出 Preload, Prefetch 和 Preconnect：三種加快網頁載入速度的 Resource Hint 技巧 - Shubo - 2019
  • 資源提示——什麼是Preload，Prefetch和Preconnect？ - 程式前沿 - 2019

• 拖曳時，禁止觸發點擊事件的三種方法 - CSDN - 2019

• 使用window.onerror捕獲並報告JavaScript錯誤 - SENTRY - 2016

• JS 冷知識: 你所不知道的 void - Kuro - 2019

• 網頁的生命週期 - Kuro - 2018

• [筆記] 了解JavaScript中原型(prototype)、原型鍊（prototype chain）和繼承(inheritance)的概念 - PJCHENder - 2016

• 詳解JavaScript型別判斷的四種方法 - 程式人生 - 2020

• 你知道JavaScript其實是單線程嗎 ? - Steve chu - 2020

第三方套件

• Rallax.js - 滾動視差效果
• dragscroll.js - 拖曳捲動

• 瀑布流

  • isotope.js - 可篩選排序的瀑布流