單頁應用，SPA（Single Page Application） 只有一個頁面不需要經過跳轉去處理 CRUD 使用動態的方拿取資料，就不用像之前（傳統）每一次拿取都需要重新整理
這種方法增加了使用者體驗，避免頁面的切轉換（重新整理） 且前後端職責的分離（前端專心負責拿去資料頁面呈現、後段專心負責產生計算資料）某種程度會讓效率更大化
缺點則是，由於資料都是動態產生的，目前在某些搜尋引擎難以配對偵測到相吻合資料、影響SEO 以及效能、回應反應時間的顯示等等
之前使用PHP一起撰寫，其實還滿混亂 拿資料、顯示資料 PHP包JS、HTML包PHP 可讀性滿差，且擴充彈性不高（新增功能影響修改處多）
這周將後端資料先用API包裝輸出後，前端只管接API 再針對頁面需要顯示的內容，分別拆解 Ajax 讓前後的職責劃分更乾淨單純
資料來源 [單面應用](https://zh.wikipedia.org/wiki/%E5%8D%95%E9%A1%B5%E5%BA%94%E7%94%A8) [單一頁面應用程式](https://mybaseball52.medium.com/%E5%96%AE%E4%B8%80%E9%A0%81%E9%9D%A2%E6%87%89%E7%94%A8%E7%A8%8B%E5%BC%8F-c98c8a17081)