Day25-this作用域

前言

今天要介紹的東西可以說是全部 JavaScript 中最抽象最難理解的東西了，想當年筆者在學 JavaScript 的時候不曉得被 this 這個東西雷了多少次，每次都不曉得 this…

Day29-JS模組化！(套件結合篇)

前言

今天是模組化的最後一篇文章啦，終於快把模組化講完了XD

Day27-JS模組化！(安裝套件篇)

前言

現在的網頁越來越複雜，相信大家不會想自己手動做出一些別人已經做過的東西，想嘗試套用別人寫好的套件來加速自己的開發，今天這篇文章就是要教大家如何去使用別人寫好的套件，並且安裝到自己的專案底下。

Day21-非同步與同步！基本觀念與應用

前言

在正式進入 非同步 文章之前，先來簡單介紹一下 非同步 與 同步 的差異，並且用幾個 非同步 會用到的應用來闡述一下 非同步 為什麼在網頁中是必要的。

Day28-JS模組化！(匯入匯出篇)

前言

昨天講完如何安裝別人寫好的套件，今天就來實作如何 import(匯入) 以及 export(匯出) 別人寫好或自己寫好的套件吧！

Day23-非同步實作篇 II！Promise

前言

昨天的文章介紹了 $.ajax() 這個用來進行 AJAX 的 API ，但 $.ajax() 其實有蠻多瓶頸的並不是每種 非同步 的狀況都適用，舉例來說：我今天有三個…

Day20-網頁儲存！Web storage

前言

大家可能都覺得儲存資料一直都是後端在做的事情，畢竟要跟資料庫進行溝通，其實前端也是可以做儲存資料的動作，前端工程師快要變成全端工程師了XD

Day24-閉包！closure

前言

今天要來介紹一個非常弔詭的東西： 閉包(closure) ，至所以會有 閉包 這個東西主要是因為 JavaScript 可以把 function 當成是變數傳來傳去，這邊用一個簡單的例子來形容 閉包 。

function foo2() {
  function foo() {
    console.log('Hello World')
  }
  foo()
}
foo2()    // 輸出 "Hello World"

Day19-開發人員選項！Dev tool

前言

大家在看前兩天的文章不曉得有沒有發現筆者都是在 console panel 來撰寫 jQuery 的相關應用，怎麼打幾行程式碼就可以直接修改頁面了，其實這些都是利用…