---
# System prepended metadata

title: The cat images
tags: [frontend, ' homework']

---

---
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. 知道怎麼將圖片放置網頁畫面上
