前言

筆記一下這陣子學的一些 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 。

前言

在 Vue中，每個組件都有單獨作用域，是各自獨立的，我們可以通過prop 由父組件向子組件傳遞數據，在組件上註冊的一些自定義屬性。當一個值傳遞給一個prop屬性的時候，它就變成了那個組件實例的一個屬性。Ref

目的:

• 拆分個別的功能，並達到複用效果
• 避免內部元件改變外部元件
• 資料更集中，管理上更便利

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

前言

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

前言

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

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

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

Vue生命週期

每個 Vue 實體被創建之前，會經過一系列初始化的過程，同時會呼叫這些生命週期的掛鉤(hook)，我們可以在這些掛鉤上做額外的處理

前言

筆記一下Vue的模板語法

模板語法

Mustache: { {variable} } 只能用於單行語句 e.g. if-else，且雙大括號會將數據解析為一般文字

由於Hexo解析”雙大括號”會發生錯誤，所以文章涉及”雙大括號”都會以{ {} }表示

何謂物件導向?

Def: 在控制程式時，以”物件”來包裝所有的邏輯跟操作

假設情境:

將問題描述為物件，有兩個人分別為A、B，A要將香蕉拿給B，故物件有A、B、香蕉，物件也有屬性和行為，如A、B和香蕉的屬性為年齡、名字和價格，行為則為打招呼、走路和剝皮。

以程式來看的話就會如上圖，A、B都是”實體”，並屬於”人”這個類別，今天A與B打招呼(A.打招呼())，A給B香蕉(A.給予(B,香蕉)，給予的動作傳入B和香蕉作為參數)，B去呼叫香蕉.剝皮()，最後B把香蕉吃掉(B.吃(香蕉))。