❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的學習和開發筆記,歡迎交流 (*´∀`)~♥
© 2024. All rights reserved.
這是我在 2018 年最值得聊聊的十件事 (*´∀`)~♥
December 31, 2018 年度回顧 2019鐵人賽 寶可夢 鐵人賽 健身 旅遊 職涯 香港 吃什麼 健身女孩安安 WorldGym AMP You-Dont-Know-JS 你懂JavaScript嗎? 你所不知道的JS 單元測試 Unit Test 生活 · 留言
這道題目涵蓋前端技術範圍很廣,很適合在各階段拿來梳理並檢視自己的技能和狀態。那麼,就讓我來檢視一下自己的狀態吧 d(`・∀・)b
November 26, 2018 效能調校 關鍵轉譯路徑 圖片最佳化 轉譯效能 你懂JavaScript嗎? 你所不知道的JS 加載效能 快取 Rendering Performance Critical Rendering Path Resource Hints Web Workers Worker requestAnimationFrame Gzip HTTP Caching Loading Performance You-Dont-Know-JS cache javascript javascript prototype undefined 編碼 解碼 encode decode base-64 前端效能 系列文 · 留言
總結鐵人賽這 30 天的想法與感謝。
November 6, 2018 You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到 ES6 新增的熱門語法,包含以區塊為範疇的宣告、分散與其餘運算、預設參數值、解構、物件字面值擴充功能、範本字面值、箭號函式。。
November 5, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 ES6 You-Dont-Know-JS-ES6-and-Beyond ReferenceError undefined operator 運算子 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到如何在 JavaScript 快速演進的狀況下,漸進的適應新功能?來嘗試 Transpiling 與 Shims/Polyfills 吧。
November 4, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 ES6 You-Dont-Know-JS-ES6-and-Beyond NaN 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到如何使用工具來做基準化分析。
November 3, 2018 You-Dont-Know-JS 效能調校 javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Async-and-Performance 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 前端效能 系列文 · 留言
本文主要會談到 web worker、SIMD 與 asm.js。到目前為止我們只談論了如何有效的運用非同步處理模式,現在就來探討為什麼非同步處理對 JavaScript 來說這麼重要,其中最明顯的理由就是效能,本文主要探討的是更整體的程式層級的效能。
November 2, 2018 You-Dont-Know-JS Web Workers 效能調校 javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 Worker You-Dont-Know-JS-Async-and-Performance 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 前端效能 系列文 · 留言
本文主要會談到 generator 的基本概念與範例;從 callback 演進到 ES6 promise 與 generator 再進化到 ES7 async 和 await。
November 1, 2018 generator 產生器 async await ES6 You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Async-and-Performance 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到 promise 是什麼?promise 的錯誤處理、模式與限制。
October 31, 2018 promise ES6 You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Async-and-Performance ReferenceError NaN 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到情境切換、callback vs callback hell、控制權轉移、解決 callback 的信任問題的解法-分別回呼與錯誤優先處理。
October 30, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Async-and-Performance ReferenceError 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到事件迴圈與共時
October 29, 2018 You-Dont-Know-JS Event Loop javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Async-and-Performance 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要是探討 ES6 Class 的美好與陷阱。
October 28, 2018 You-Dont-Know-JS ES6 javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-this-and-Object-Prototypes 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到-什麼是行為委派?和類別有什麼差異?行為委派的優點是什麼?模型比較?什麼是 OLOO?如何使用委派機制達到去類別化?如何撰寫更簡潔易懂的程式碼?物件間要怎麼做內省?
October 27, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-this-and-Object-Prototypes 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到-類別、建構子與實體;什麼是原型串鏈?原型串鏈的功用是?什麼是原型式繼承?疑難雜症大解惑-如何分辨屬性是位於該物件或原型串鏈上的?如何分辨誰是誰的實體?誰是誰的建構子?原型串鏈有終點嗎?如何建立兩物件的連結?物件屬性的設定與遮蔽規則有哪些?
October 26, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-this-and-Object-Prototypes operator 運算子 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到簡單的物件導向概念,作為後續「原型」(Prototypes)的暖身。
October 25, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-this-and-Object-Prototypes 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
關於物件,本文會提到-語法:宣告式與建構形式;型別:再次複習 typeof、使用 instanceof 判定物件子型別;內容:屬性值的存取、物件的複製(淺拷貝與深拷貝)、屬性描述器、不可變的物件、取值器與設值器、檢視屬性是否存在、屬性列舉;迭代:一些迭代出陣列的值的方法。
October 24, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-this-and-Object-Prototypes undefined NaN 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到-this 是什麼?判斷 this 的值的四個規則與例外。語彙的 this,這裡會提到箭頭函數中的 this 的不同之處。
October 23, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-this-and-Object-Prototypes ReferenceError undefined operator 運算子 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到-閉包是什麼?有什麼功用?迴圈與閉包搭配使用時的謬誤與陷阱。模組模式是什麼?如何管理模組?探討模組依存性載入器/管理器與 ES6 模組。
October 22, 2018 You-Dont-Know-JS javascript closure 閉包 javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Scope-and-Closures 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要是比較動態範疇與語彙範疇的差異。
October 21, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Scope-and-Closures 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到-什麼是拉升(hoisting)?變數與函式的拉升有什麼不同?怎麼處理在 script 標籤內宣告的全域變數?是否也有拉升的狀況?拉升 vs 重複宣告的變數與函式,要怎麼處理?
October 20, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Scope-and-Closures ReferenceError undefined 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文會提到範疇的劃分單位可分為兩種-函式範疇與區塊範疇,它們有什麼不同?各有什麼優點?函式範疇的重要觀念與相關應用-函式宣告與函式運算式、匿名與具名函式、即刻調用函式運算式。區塊範疇的重要觀念與相關應用-const 與 let、垃圾回收。
October 19, 2018 You-Dont-Know-JS javascript ES6 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Scope-and-Closures ReferenceError undefined 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文會提到什麼是語彙範疇?這階段要做什麼事情?什麼會改變語彙範疇?有什麼影響?
October 18, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Scope-and-Closures 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文會提到什麼是「範疇」?範疇的功用是?編譯器怎麼理解程式碼?什麼是巢狀範疇?從 LHS 與 RHS 來理解 JavaScript 查找變數的報錯機制。
October 17, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Scope-and-Closures 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
JavaScript 的文法是描述其語法(syntax),例如:運算子、關鍵字等,如何結合在一起,形成格式正確的有效程式的一種結構化方式。
October 16, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Types-and-Grammar ReferenceError operator 運算子 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
強制轉型(coercion)到底是一個有用的功能,還是設計上的缺陷呢?
October 15, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 Jest Unit Test 單元測試 You-Dont-Know-JS-Types-and-Grammar undefined operator 運算子 NaN 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到...何謂 Natives(原生功能)?怎麼用?物件包裹器、陷阱、解封裝;各類建構子的原生功能、原生的原型。雖然優先使用字面值而非使用建構子建立物件,還是需要來看一些需要關心的議題和警惕用的錯誤用法。
October 14, 2018 You-Dont-Know-JS javascript prototype javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? javascript array javascript date 鐵人賽 You-Dont-Know-JS-Types-and-Grammar undefined operator 運算子 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要內容為探討基本型別的特殊值並能適當地使用它們。
October 13, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Types-and-Grammar NaN 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到關於陣列、字串、數字的錯誤操作方式與疑難雜症的解法。
October 12, 2018 javascript array operator 運算子 iterator 迭代器 You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Types-and-Grammar 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要會談到 (1) 何謂「型別」?內建型別有哪些?常見疑難雜症與解法;(2) 未定義(undefined)vs 未宣告(undeclared)。
October 11, 2018 You-Dont-Know-JS javascript array javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Types-and-Grammar ReferenceError undefined NaN 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
在上一篇暖身文章中大致聊過了一些基本知識,像是運算子、運算式、值與型別、變數、條件式、迴圈,本文還會再探討一些基礎概念,像是變數、函式範疇、拉升、巢狀範疇、嚴格模式、IIFE、閉包、模組、this、原型、Polyfill 與 Transpiler。本文也僅是概念而已,之後會有單篇章節細細討論的,所以就算是暖身 Part 2 摟。
October 10, 2018 You-Dont-Know-JS javascript prototype javascript closure 閉包 javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Up-and-Going ReferenceError undefined NaN 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
本文主要內容為程式設計簡介,在此可看到在初學階段所必須理解的各種專有名詞。
October 9, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Up-and-Going ReferenceError undefined operator 運算子 NaN 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言
這次鐵人賽的主題是「你懂 JavaScript 嗎?」,主要內容是「You Don't Know JS」系列書的讀書筆記。為什麼要讀這一系列的書呢?由於近幾年的年度願望中都有「讀完 You Don't Know JS 系列書」這一項(掩面),但苦於各種理由而導致進度嚴重落後(哭),那麼就讓我藉由這次鐵人賽一口氣讀完吧(握拳)!
October 8, 2018 You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言