iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

JavaScript 原力覺醒 - 成為絕地武士之路 系列

JavaScript 的一些行為常常讓人摸不著頭緒,想要完全的熟悉就不能只做表面功夫。這個系列是以讓自己能夠對 JS 更了解為出發點而寫的 ( 儘管已經有許多厲害的前輩寫過了 ) ,內容涵蓋基本型別、記憶體運作方式、常用 Browser API 、到設計模式...等所有我認為與 JS 相關且重要的知識。 內容大概會參考 33-js-concepts 這個 Git Repo 以及一些線上課程的內容但會以自己理解的方式重新描述。讓我們深入研究這門語言,一起解放心中的原力吧,May The Force Be With You !

鐵人鍊成 | 共 30 篇文章 | 136 人訂閱 訂閱系列文 RSS系列文 團隊G8 Hash - c98b82371573afc08575815d90f5eac4
DAY 21

JS 原力覺醒 Day21 - 原型

上一篇提到 JS 是物件原型導向,而非物件導向的語言,如果想要像物件導向那樣達成物件之間屬性的共用,就需要借助原型的幫忙,所以了解「原型」的概念,對於我們後續...

2019-10-06 ‧ 由 Mooji 分享
DAY 22

JS 原力覺醒 Day22 - 原型共享與原型繼承

前一天我們提到 JS 的原型,以及為什麼會有原型的出現 :為了模擬物件導向的行為。 那麼原型實際上帶來什麼好處?又是透過什麼方式達到繼承的目的? Outline...

2019-10-07 ‧ 由 Mooji 分享
DAY 23

JS 原力覺醒 Day23 - Class 語法糖

講完了原型鍊,現在我們知道如何透過建構函式去做到類似類別的效果,也透過設定物件的 prototype 屬性達到物件的繼承效果, ES6 之後,甚至出現了 cl...

2019-10-08 ‧ 由 Mooji 分享
DAY 24

JS 原力覺醒 Day24 - DOM

今天要講的是瀏覽器的 DOM 的概念,內容雖然跟 JS 語言比較沒有關係,但是除非你只寫後端 node.js ,否則只要跟介面相關一定會碰到需要處理 DOM 元...

2019-10-09 ‧ 由 Mooji 分享
DAY 25

JS 原力覺醒 Day25 - CRP : 關鍵渲染路徑

當使用者進入頁面、瀏覽器收到請求並回傳前端相關檔案後,到最後使用者看到的畫面呈現之前,還有很多步驟會被執行,這一連串步驟的總和就稱為 Critical Rend...

2019-10-10 ‧ 由 Mooji 分享
DAY 26

JS 原力覺醒 Day26 - 常用 API: setTimeout / setTimeInterval

來講一下常用到的瀏覽器 API ,其實前面在講 Event Queue 的時候就已經提過 setTimeout 了,不過這邊就讓我們從更具實用性的層面來看這些方...

2019-10-11 ‧ 由 Mooji 分享
DAY 27

JS 原力覺醒 Day27 - JS 常用 API - Object.assign && Object.defineProperty

今天要講的是是兩個在操作物件時常用到的 JS API ,有時候我們會需要做一些比較進階的操作,例如對物件屬性做一些比較細節的微調;還有複製物件,但是複製物件的話...

2019-10-12 ‧ 由 Mooji 分享
DAY 28

JS 原力覺醒 Day28 - JS 裡的資料結構

隨著硬體規格條件的提升, 網站商業邏輯的運作也慢慢從以往的後端伺服器轉移到客戶端,因此前端領域的專業知識就變得越來越重要,隨著前端技術被重視,也開始慢慢出現 R...

2019-10-13 ‧ 由 Mooji 分享
DAY 29

JS 原力覺醒 Day29 - Set / Map

ES6 之後加入兩種新的資料結構:Map 跟 Set 。 Map 與 Set 都是像字串跟陣列這樣可以被尋訪的類型,也就是說可以使用 for 迴圈去一個一個查...

2019-10-14 ‧ 由 Mooji 分享
DAY 30

JS 原力覺醒 Day30 - 我是怎麼活過這三十天的?

總算來到最後一天了,最後一天不會有技術內容,只會有很純的純 Mur Mur,想聽的再請留下。最後我打算記錄一下這三十天的感受,給其他沒參加過鐵人但是正在猶豫要不...

2019-10-15 ‧ 由 Mooji 分享