你懂 JavaScript 嗎?#3 暖身 (๑•̀ㅂ•́)و✧ Part 2 - 變數、嚴格模式、IIFEs、閉包、模組、this、原型、Polyfill 與 Transpiler

在上一篇暖身文章中大致聊過了一些基本知識,像是運算子、運算式、值與型別、變數、條件式、迴圈,本文還會再探討一些基礎概念,像是變數、函式範疇、拉升、巢狀範疇、嚴格模式、IIFE、閉包、模組、this、原型、Polyfill 與 Transpiler。本文也僅是概念而已,之後會有單篇章節細細討論的,所以就算是暖身 Part 2 摟。

You-Dont-Know-JS javascript prototype javascript closure 閉包 javascript 2019鐵人賽


你懂 JavaScript 嗎?#2 暖身 (๑•̀ㅂ•́)و✧ Part 1 - 運算子、運算式、值與型別、變數、條件式、迴圈

本文主要內容為程式設計簡介,在此可看到在初學階段所必須理解的各種專有名詞。

You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎?


你懂 JavaScript 嗎?#1 預備...GO!

這次鐵人賽的主題是「你懂 JavaScript 嗎?」,主要內容是「You Don't Know JS」系列書的讀書筆記。為什麼要讀這一系列的書呢?由於近幾年的年度願望中都有「讀完 You Don't Know JS 系列書」這一項(掩面),但苦於各種理由而導致進度嚴重落後(哭),那麼就讓我藉由這次鐵人賽一口氣讀完吧(握拳)!

You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎?


什麼是以使用者為中心的效能測量指標?

說明常用的效能測量指標。

Web Vitals 效能調校 加載效能 Loading Performance 前端效能 系列文


加載效能檢測工具-試用 Google PageSpeed Insights、WebPageTest、Pingdom 和 Lighthouse 的測試範例

針對網站進行各種工具的測試並做優化。

效能調校 加載效能 Lighthouse Loading Performance 吃什麼


快取

本文主要探討記憶體快取、Service Worker 快取、HTTP 快取和 Push 快取。

快取 Service Worker 效能調校 cache HTTP Caching


如何減少 HTTP Requests 的數量?

網頁上所有的文字、圖片、樣式和腳本都需要經由發送 HTTP Requests 從伺服器下載來取得,網頁大部份的時間大都花在下載資源上,只有少少的時間是花在渲染上。本文主要探討如何減少 HTTP Requests 的數量。

效能調校 加載效能 base-64 Loading Performance 前端效能 系列文