Subclassing a built-in 的兩個障礙:

Obstacle 1 帶有內部特性的實體

1
2
3
4
5
6
7
8
9
10

function Super(x, y){
 this.x = x;
 this.y = y;
}

function Sub(x, y ,z){
 Super.call(this, x, y);
 this.z = z;
}

內建建構器會忽略傳入傳入作為this的子實體

運算子 (Operators)

大部分的運算子只能搭配基本型別值使用，代表物件會先被強制轉型成基本型別，再進行運算。

1
2

[1, 2] + [3] // "1,23"
// String([1, 2]) + String([3])

歷史

https://zh.wikipedia.org/wiki/Unicode

8bits ASCII => 0-127 共128字元
https://unicode-table.com/cn/blocks/basic-latin/

ISO 8859-1 國際標準化組織（ISO）及國際電工委員會（IEC）聯合制定 的字元 256字元

物件導向程式設計(OOP)分為層次有：
Layer 1： 單一物件的物件導向(OOP)
Layer 2： 物件的原型鍊(Prototype chains)
Layer 3: 建構器(Constructor)作為實體的工廠
Layer 4: 衍生子類別(subclassing)藉由繼承現有建構器來建立新的建構器

前言

最近在前端面試中遇到的考題中出現了柯里化，一個會讓人出現很多問號的js高階用法，一直是我沒有很熟悉高階js、functional programming這一塊，因為不是資訊科系出身，深感還有好多不足(嘆…)，希望可以趕快補足。在研究了解柯里化，就會發現其中的好處，也可以應用在實際案例中。

前言

第一篇Vue的筆記記錄，就來釐清Vue頁面的…生老病死。讓我們想在它出生時就賦予它怎樣的能力還是死掉前叫它做什麼＠＠…就是任人擺布的人生啦！（誤）…
因為目前為Vue2到Vue3的過渡期，Vue3還沒有很普及主要的資訊是從官方文件，整理的資訊還是會以Vue2為主。

前言

先前有介紹一篇關於gulp的用法，當中有比較gulp和webpack兩者之間的優缺點，若還沒看過可先看這一篇 前端自動化管理 About Gulp 4.0，本篇的話會來整理webpack的觀念和基礎用法。

前言

接觸前端一段時間，很常聽到Gulp這個自動化管理工具，但一直沒仔細去了解它，這篇會整理Gulp的一些觀念和用法。

用Gulp要做什麼？

Gulp為一個自動化管理工具，把來源(src)編譯、合併(concat)、壓縮(uglify)、輸出(dest)成瀏覽器可以讀懂的或是效能更好的檔案。類似的工具還有Grunt和很熱門的Webpack。

前言

剛開始接觸JS的時候，常常會很困惑解構賦值的寫法，這篇會來整理關於解構賦值的用法來幫助釐清觀念。

解構賦值 (Destructuring assignment)

解構賦值 (Destructuring assignment) 語法是一種 JavaScript ES6的 運算式，可以把陣列或物件中的資料提取出來成為獨立變數。新語法讓程式變得簡短提高閱讀性。

前言

localStorage在許多網站上很常會應用到，這篇會來整理localStorage的用法，另外會比較Cookie和Session Storage。