iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

30天前端網頁技術超入門介紹 系列

這系列算是將這些時間學習的成果撰寫成文章,提供給比筆者更菜的新手參考XD
利用30天的時間去介紹前端技術,順便當作是對自己的複習。看完這系列也許在成為前端工程師的路上可以少踩一點雷@@?

鐵人鍊成 | 共 30 篇文章 | 21 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21. JavaScript 的執行環境與作用域

作用域(Scope) 首先,我們得先理解 JavaScript 的作用域為何?JavaScript 的屬於靜態作用域,意思是當變數在解析後就會確定作用域,並且不...

2020-09-30 ‧ 由 Haruna Lin 分享
DAY 22

Day22. Hoisting 的觀念

Hoisting 是什麼? 還記得我們昨天說的執行環境分為創建和執行兩個階段嗎?創建階段時的記憶體內有基本的全域變數、this 以及外部環境,而當程式碼被解析器...

2020-10-01 ‧ 由 Haruna Lin 分享
DAY 23

Day23. ES6(一) - let、const 可能會忽略的小細節

今天終於進入 ES6 的範圍了(灑花~~ 最近想不到有甚麼好寫的,就乾脆來照清單寫好了。 let 和 const 兩個東西也出現好幾年了... 現在才要來講...

2020-10-02 ‧ 由 Haruna Lin 分享
DAY 24

Day24. ES6(二) - 字串模板、標籤樣板

保護眼睛最好的東西,ES6 大勝利! 基本使用 使用兩個反引號 `` 就可以把你的樣板放在裡面。 let name = ''; let age = '';...

2020-10-03 ‧ 由 Haruna Lin 分享
DAY 25

Day25. ES6(三) - 縮寫

物件縮寫 當物件的 key 與 value 的值重複了 function fun1(name, age){ return { name:...

2020-10-04 ‧ 由 Haruna Lin 分享
DAY 26

Day26. ES6(四) - 解構賦值

因為 JSON 的關係,陣列及物件是現今在數組表示法裡最流行的方法。解構賦值是 ES6 新增的特性,能讓數組在處理上更為方便。 解構賦值方便在哪裡? 傳統上,我...

2020-10-05 ‧ 由 Haruna Lin 分享
DAY 27

Day27. ES6(五) - Arrow Function(箭頭函式) 簡單須知

今天要來介紹箭頭函式了~~簡單來說,方便的東西,但有不少陷阱! 要注意的地方 首先,他沒有 arguments[註1]、super[註2]。 因為沒有建構式的...

2020-10-06 ‧ 由 Haruna Lin 分享
DAY 28

Day28. Prototype(原型) 基本介紹

原本想繼續介紹 ES6 的 Class 與 set & map,但是感覺還沒有足夠的了解,所以也許等明年鐵人賽的時候再來補坑QQ 原型是幹嘛的? 因...

2020-10-07 ‧ 由 Haruna Lin 分享
DAY 29

Day29. 地圖應用教學

地圖應用其實不算前端網頁必備技術,不過也可以學習到圖資資料處理及畫面渲染等,而且也蠻好玩的XD 本文其實算前陣子做完的口罩地圖分享,所以一如往常的是 Lea...

2020-10-08 ‧ 由 Haruna Lin 分享
DAY 30

Day30. 前端網頁技術還可以往哪裡前進?(還有小小完賽感言!

正所謂授人以魚不如授人以漁,使其自立。 前面提過了許多技術,但也許不是自己目前需要的,或是早就學完卻不知道現在還有甚麼可以學得?這裡我提供一個2020年版本...

2020-10-09 ‧ 由 Haruna Lin 分享