這系列算是將這些時間學習的成果撰寫成文章,提供給比筆者更菜的新手參考XD
利用30天的時間去介紹前端技術,順便當作是對自己的複習。看完這系列也許在成為前端工程師的路上可以少踩一點雷@@?
作用域(Scope) 首先,我們得先理解 JavaScript 的作用域為何?JavaScript 的屬於靜態作用域,意思是當變數在解析後就會確定作用域,並且不...
Hoisting 是什麼? 還記得我們昨天說的執行環境分為創建和執行兩個階段嗎?創建階段時的記憶體內有基本的全域變數、this 以及外部環境,而當程式碼被解析器...
今天終於進入 ES6 的範圍了(灑花~~ 最近想不到有甚麼好寫的,就乾脆來照清單寫好了。 let 和 const 兩個東西也出現好幾年了... 現在才要來講...
保護眼睛最好的東西,ES6 大勝利! 基本使用 使用兩個反引號 `` 就可以把你的樣板放在裡面。 let name = ''; let age = '';...
物件縮寫 當物件的 key 與 value 的值重複了 function fun1(name, age){ return { name:...
因為 JSON 的關係,陣列及物件是現今在數組表示法裡最流行的方法。解構賦值是 ES6 新增的特性,能讓數組在處理上更為方便。 解構賦值方便在哪裡? 傳統上,我...
今天要來介紹箭頭函式了~~簡單來說,方便的東西,但有不少陷阱! 要注意的地方 首先,他沒有 arguments[註1]、super[註2]。 因為沒有建構式的...
原本想繼續介紹 ES6 的 Class 與 set & map,但是感覺還沒有足夠的了解,所以也許等明年鐵人賽的時候再來補坑QQ 原型是幹嘛的? 因...
地圖應用其實不算前端網頁必備技術,不過也可以學習到圖資資料處理及畫面渲染等,而且也蠻好玩的XD 本文其實算前陣子做完的口罩地圖分享,所以一如往常的是 Lea...
正所謂授人以魚不如授人以漁,使其自立。 前面提過了許多技術,但也許不是自己目前需要的,或是早就學完卻不知道現在還有甚麼可以學得?這裡我提供一個2020年版本...