2024-09-11 JavaScript 系列六：第7課 ── 資料序列化

發表於 2024-09-08 更新於 2024-09-09 分類於 OneDayOneNote 閱讀次數：

JavaScript 系列六：第7課 ── 資料序列化
課程目標
繼續熟悉 data model 的觀念

課程內容
有了 data model 與 render function 之後，還有一個很大的好處

就是當應用程式的狀態，作為資料，需要跟外部溝通時，也很好用

直接把 data model 轉換為字串，傳出去就可以了

在跟第三方程式溝通、或者要儲存到資料庫、或者某種儲存機制的時候，都會用到

將 data model 轉為字串這種行為，我們叫：資料序列化（serialization）

有了序列化資料，要接著轉換回來，變成程式可用的資料，也很容易，我們叫：反序列化（deserialization）

課後作業
接續上一課作業，這次來實作「儲存」按鈕

請在「匯出」按鈕旁邊，增加一個「儲存」按鈕，讓待辦事項在頁面重新整理之後，還可以繼續使用

按下按鈕之後，使用 local storage 儲存待辦事項資料，並跳出 alert 提示「儲存成功！」

頁面載入的時候，檢查 local storage，有資料的話，就復原到畫面上

過程中，不能更新 DOM，只能更新 data model

做出以上功能，你就完成這次的課程目標了！