---
# System prepended metadata

title: '[JavaScript] 基本邏輯'
tags: [JavaScript]

---

# [JavaScript] 基本邏輯

 ###### tags: `JavaScript`


三個步驟來規劃 JS 網頁應用

1. model：先處理好資料的新增、刪除、修改
2. event：使用者行為觸發程式

參考連結：https://quip.com/h0KbA7QAH1Ss



---

### 1. 資料

1. 用*陣列*與*物件*規劃你的資料
2. JS 記憶體儲存 (變數)
3. LocalStorage

### 2. 事件(event)

使用者行為觸發事件，一般都用 functioin 函式來規劃：

1. 更新 model
2. 更新 view

常見使用者行為

1. 網頁預設載入 (init)
2. 使用者行為
    1. 滑鼠滑入
    2. 點擊

### 3. 介面（畫面更新）

1. innerHTML
2. appendChild



---

傳統js與vue的差異：vue可以在html寫上固定語法並自動更新資料，而非像傳統Js需要在多寫一個回傳至html的畫面更新語法，才能將更新結果顯示在主頁面。

