前言

筆記一下這陣子學的一些 ES6 語法

template literal（模版字串）

模板字符串使用反引號(``)來代替普通字符串中的用雙引號和單引號。模板字符串可以包含特定語法（${expression}）的佔位符。–MDN

使用模版字串可以讓 code 用更優雅的方式來表示，以下做比較。

前言

這篇筆記關於Javascript事件操作的觀念。
JavaScript 是一個事件驅動 (Event-driven) 的程式語言。

什麼是事件驅動?

就是當瀏覽器載入網頁，開始讀取文檔(document)後，雖然馬上會讀取 JS事件相關的程式碼，但需等到「事件」被觸發(滑鼠點擊、按下鍵盤)後，才會再執行相應程式。

前言

函數是重複呼叫的程式區塊，還能接受輸入的參數，不同的參數會返回不同的值，如果運用的當，可以讓程式變得簡潔且彈性。

函數定義(Function Definition)

JavaScript 有三種定義函數的方式

1.函數宣告
2.函數表達式
3.用 new 建構函式

前言

這篇筆記先做一部分的 DOM 基礎操作，後續再慢慢補。

BOM (Browser Object Model；瀏覽器物件模型)

是瀏覽器所有功能的核心，與網頁的內容無關。

早期各家瀏覽器廠商幾乎各自在自家瀏覽器上實作功能，沒有同一規範，非常混亂。後來 W3C 把各家瀏覽器都有實作的部分，進行整合納入 HTML5 的標準中，也就是 BOM 。

筆記如何使用Google Map API 進行服務

前言

Google Maps是現代人形影不離的工具，交通的部分時常都得依靠他的幫忙，這篇就來筆記這項強大服務的使用方法吧!

前言

JavaScript 的陣列可以看作是一種特別的「物件」，透過 typeof會返回陣列的類型是object。陣列是一組按次序排列的值， 放在裡面的東西稱為元素，每個元素都有其位置，稱為索引，找到索引值，就可以得知該位置元素的值。

• 陣列只能透過 [] 來存取
• 索引值從0開始排序，最後一個索引值為 array.length-1

陣列內可以是原始的資料類型、其他陣列、函式等等。

筆記Ajax前，要先理解網站的主從架構：客戶端和服務器端

**客戶端(Client-side)**： 指訪客的電腦和瀏覽器

伺服器端(Server-side): 回應客戶端請求為伺服器端

舉個例子，今天當使用者用瀏覽器連線上你的 ISP (網路供應商 e.g. 中華電信)造訪網站(對網站提出請求)，將網站伺服器上的資料及程式碼下載到本地端(使用者電腦)，並在瀏覽器上做呈現。

前言

定時器和倒數計時器所用到: Date()、 setTimeout()和setInterval()這幾個方法來完成，算是蠻常用到的。

Date()

Date()是JavaScript 原生的時間方法，它以國際標準時間(UTC)1970年1月1日00:00:00作為時間起點，單位為毫秒。