--- tags: frontend, homework --- # The cat images 需求: 做出一個網頁, 進入網頁時可以看到無數的貓貓圖 範例: [Demo](https://strawberrywhite.github.io/catsapi) 規格: 1. 單一頁面, 不需要有按鈕, 要在進入網頁時或是重新整理時載入新的貓貓圖 2. 圖片排版隨意, 有水平置中佳 3. 資料來源:https://developers.thecatapi.com/view-account/ylX4blBYT9FaoVd6OhvR?report=bOoHBz-8t 4. 使用 fetch 處理 api 呼叫, 文件: https://developer.mozilla.org/zh-TW/docs/Web/API/Fetch_API/Using_Fetch 學習目的: 1. 練習打 api 從遠端拿到資料, 並呈現在畫面上 2. 知道怎麼處理 JSON 字串, 並將 JSON 字串轉換成 JS 物件 3. 知道怎麼將圖片放置網頁畫面上