iT邦幫忙

鐵人檔案

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

JavaScript 忍者的修練--從下忍進階到中忍 系列

不久前讀到「忍者 JavaScript 開發技巧探秘(第二版)」這本由 jQuery 發明者 John Resig 所編寫的書,才發現自己從事 JavaScript 開發多年來,一直對這個程式語言的原理一知半解。雖然會用各種前端框架,卻不知道背後發生的原因。這本書用易懂的方式解釋了 JS 的基礎概念,讓我豁然開朗,因此想藉由比賽30天的時間,以我理解的角度重新解釋習得的概念。
系列文章的主題會以 JavaScript 函式及物件的探討為主,然後是要怎麼利用這些特性在瀏覽器中開發優質的應用程式。

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

Day 01: JavaScript 忍者修練--前言

哈囉,你好。 這個系列文章是我閱讀「忍者:JavaScript 開發技巧探秘(第二版)」的讀書心得,我期待點進來看文章的你已經是個有點經驗的開發者,原生 Jav...

2019-09-03 ‧ 由 yowlonglee 分享
DAY 2

Day 02: 網頁生命週期之頁面建置

一個網頁應用程式的生命週期可分為以下階段: 輸入網址或點擊超連結 瀏覽器向伺服器送出 request 伺服器回傳回應頁面(HTML, CSS, 和 JavaS...

2019-09-04 ‧ 由 yowlonglee 分享
DAY 3

Day 03: 網頁生命週期之事件處理

事件類型 Web app 是圖像化的操作介面,使用者透過 UI 介面執行任務,產生各種事件(event)。在頁面建置階段的 JavaScript 程式碼,還需要...

2019-09-05 ‧ 由 yowlonglee 分享
DAY 4

Day 04: 函式是頭等物件

頭等物件的特性 JavaScript 是一種函式語言(functional language),也就是說它是透過撰寫函式來解決問題,函式是程式執行的基本單位,除...

2019-09-06 ‧ 由 yowlonglee 分享
DAY 5

Day 05: 函式的定義方式

JavaScript 提供了四個建立函式的方式: 函式宣告(declaration)和函式表達式(expression) 箭頭函式(arrow functio...

2019-09-07 ‧ 由 yowlonglee 分享
DAY 6

Day 06: 函式的 arguments & parameters

在口語上我們常將函式的 argument (引數)和 parameter (參數)互相替換使用,然而在程式開發裡二者各有自己的定義。 function askS...

2019-09-08 ‧ 由 yowlonglee 分享
DAY 7

Day 07: this, 函式的背景空間

當函式被呼叫時,會自動生成一個隱含參數this,這個值指的是與函數呼叫相關聯的物件。它通常被稱為函式的背景空間(function context)。 函式的呼叫...

2019-09-09 ‧ 由 yowlonglee 分享
DAY 8

Day 08: Closure

這篇文章的主題是閉包(closure),我們先不講它是什麼東西,先來看一段程式碼。 var outerValue = "foo"; func...

2019-09-10 ‧ 由 yowlonglee 分享
DAY 9

Day 09: Execution Context & Lexical Environment

Execution context JavaScript 用來追踪函式執行的機制 有全域和函式二種 execution context 每次呼叫一個函式,都會...

2019-09-11 ‧ 由 yowlonglee 分享
DAY 10

Day 10: JS的變數類型

JavaScript 可以用三種關鍵字來定義變數:var, const 和 let。它們之間的差別在於可變性以及與字?環境的關係。 以const定義的變數,在定...

2019-09-12 ‧ 由 yowlonglee 分享