鐵人檔案
不久前讀到「忍者 JavaScript 開發技巧探秘（第二版）」這本由 jQuery 發明者 John Resig 所編寫的書，才發現自己從事 JavaScript 開發多年來，一直對這個程式語言的原理一知半解。雖然會用各種前端框架，卻不知道背後發生的原因。這本書用易懂的方式解釋了 JS 的基礎概念，讓我豁然開朗，因此想藉由比賽30天的時間，以我理解的角度重新解釋習得的概念。
系列文章的主題會以 JavaScript 函式及物件的探討為主，然後是要怎麼利用這些特性在瀏覽器中開發優質的應用程式。
陣列是我們在寫程式時常用的資料類型之一，常用它來處理一組資料項目的集合。JavaScript 的陣列也是物件，擁有自己的方法。我們來看一下關於陣列的一些特性。熟...
ES6 新增了 Map 物件，它在結構上和物件一樣是 key-value 的組合，不同的地方在於： 物件的 key 值一定要是基礎的資料型別而且限定 Stri...
JavaScript 的 Set 像是一種特別的陣列，一個 Set 裡面的任一個資料都是獨一無二的，一般陣列裡可以有多個相同的資料，比如[1 , 1, &quo...
在我的經驗裡看到正規表達式最多的地方是在做表單檢驗的時候，對於那串複雜的符號和奇怪的規則，我總是看過就忘記。事實上不用正規表達式，也是能用其他的方法寫出檢查的規...
來看一下一些表單檢查的規則要怎麼樣用正規表達式表示。 行動電話號碼 台灣的行動電話號碼是以 09 開頭的十位數字，我們用代表開始的符號^加上09。 const...
正規表達式自己有test和exec二個方法，搭配字串的match，search， replace等方法，可以有強大的功能。 <div class=&quo...
為什麼要模組化 每年新 iPhone 上市後，iFixit 網站就會發表新手機 teardown review，將手機拆開，一步一步的分解裡面的零件，最後對機器...
在本系列一開始時我們曾在瀏覽器生命週期討論過事件處理，現在來複習一下。 瀏覽器的執行環境是單一執行緒模型（single-threaded execution...
瀏覽器提供的計時器功能有 setTimeout和setInterval二種，我們用它們來延遲一段時間才執行一段程式。 計時器並不是 JavaScript 的功能...
addEventListener 我們把事件發生時要執行的函式運用內建的addEventListener註冊在事件發生的目標上，addEventListner的...
