接續演示 人物情境(這邊要多一張投影片介紹小龍，放小龍的照片跟幾行個人簡介) 大家好，我是宏家，今天特別找到我們的朋友白龍來使用一下 RackMD， 原本小龍都是用手寫的方式來做筆記，但聽說學長姊都是使用線上的筆記網站來做筆記的， 所以小龍有點擔心，現在就讓我帶著小龍實際操作一遍，讓他能夠快速上手吧! demo 流程： 登入 個人資料修改

RackMD 的文件檔案，可以取幾篇有梗的文章標題 自我介紹不要講太久，可以反覆敘述專案名稱及同學名字 專業簡報三元素 邏輯架構 不讓人困惑 想清楚才能講清楚 破題 15%

跟著小明一起搞懂技術名詞：MVC、SPA 與 SSR [Day7] 基本資料格式: XML 和 JSON 非同步請求xhr、ajax、axios與fetch的區別比較 AJAX:Asynchronous JavaScript and XML 當你在瀏覽網頁時，點擊網頁上的超連結，網頁不是「整張」更新而是只有「局部」更新，那麼該網頁就很有可能有採用了AJAX的技術。 => 從 redirect_to 其他頁面變成 render partial 非同步 JS & XML，原本傳送資料需要換頁才能做到 現在可以透過 JS 幫你傳送資料，而且不會換頁 於是現在可以傳送資料了，但還沒辦法顯示出來

重點在介面，現在演變成網路服務，回傳 JSON API 是接收及傳遞訊息的中間人，告訴系統我要做甚麼，並且把系統的回應傳回來給我。 Rails 的 params 就是 API，是一個橋梁 前端填的資料會塞進 params，接著後端可以從 params 取得並操做前端填的資料 實際應用： 擔任應用程式之間的橋樑，透過 API 可以取得對方的資料、服務，並拿到我這邊使用。 是品牌開發出的一種接口，讓第三方可以額外開發並應用在自身產品上的介面。 假如對方的應用程式沒有提供 API 那我就沒辦法在我的網站去使用他的資料、服務。

JS 的資料型態主要分成物件型態及原始型態。 Object 物件型態 物件型態的資料可以使用屬性及方法。 ex: 陣列[ ]、物件{ }、函式 Primitive 原始型態 原始型態是一種資料，他不是物件而且也沒有屬性及方法可以用，他的值是唯讀的，記憶體位置都在同個地方，分為 7 大類，其中 BigInt 以及 Symbol 是比較少見的原始型態： 數值(number)

差異點： 節點的類型不一樣。 NodeList:包含多種節點，如：元素節點、文字節點、屬性節點、註解節點等節點。 HTMLCollection:只包含元素節點。 相同點： 都有 .length 屬性可計算長度。 都是類陣列。

boxing: 封裝可以讓原始型態的資料暫時轉成物件，這樣他才可以使用屬性或方法。 遇到使用字面值(literal)[註1]的原始型態資料後面接了一個方法時，JS 會自動幫他封裝(boxing)，讓字面值能有屬性或方法可用。 但如果使用 new 去建立原始型態的資料，因為會建立出物件，所以就不會用到封裝了。 假設我宣告一個變數 a，將字串"abc"賦值給他，接著執行一個 substring 方法，照理說原始型態的資料不能使用屬性或方法才對，只有物件才能使用，所以這時候在 JS 就會發生 boxing。 boxing 會偷偷做以下三件事： 當 JS 發現 substring() 方法前面的 a 不是物件，他會自動用 new 這個運算符幫字串 "abc" 建立一個 b 物件。

JS 的 var 以及 let 主要在以下四點有差異： 作用範圍 Scope 變數提升 Hoisting 執行環境 Execution Context 宣告 declaration 作用範圍 Scope： 在區域內的作用範圍不同。