閱讀前，建議可以參考Day1：閱讀指南＆為何選擇這個題目？

▌挑戰簡介

• 題目：三十天用Vue.jS打造一個網路商城

• 挑戰內容：以六角學院的「Vue出一個電商網站」＆大陸慕課網（IMOOC）的「Vue2.0+Node.js+MongoDB 全棧打造商城系統」（主要學架設MongoDB）作為主要教材嘗試在30天內打造網路商城

• 本篇性質：嗚嗚期中考還沒結束，週末又超忙，只能先抽時間研究ㄧ些小東西

▌常用的動畫函式

• setinterval(update,time) 設定時間更新動畫
• requestAnimation Frame(update) 特定時刻更新動畫

▌畫圓ㄉ動畫

// 畫出一個圓
var counter = 0
function addAngle() {
            counter = counter + 0.1 * Math.PI
            ctx.arc(100, 75, 50, 0, counter);
            ctx.fillStyle = "black";
            ctx.fill();
        }
setInterval(addAngle, 100)