需求：幾個(gè)列表點(diǎn)了才會有狀態(tài)，不點(diǎn)是其他狀態(tài)，默認(rèn)有狀態(tài)的處理方法

默認(rèn)紅色是大的，然后點(diǎn)擊其他點(diǎn)其他會變大，這是css做到的。然后js再把顏色也給換了。變大的時(shí)間要共有選擇器設(shè)置。

自己也能做，而且第二個(gè)再慢慢變化得時(shí)候顏色也是慢慢變深的，同時(shí)第一個(gè)的顏色也是慢慢變淺的。

需求：icon制作

使能變量

使能變量，那種有狀態(tài)的，不同狀態(tài)不同操作的就得使能。canvas畫板需要使能，點(diǎn)了才畫不點(diǎn)不畫。同樣的橡皮擦也要使能，不點(diǎn)就是畫筆。所以需要這種使能變量。

觸屏和非觸屏需要考慮js的監(jiān)聽事件。

canva相關(guān)知識

這部分是畫圓的函數(shù)，第一張圖的兩句話相當(dāng)于初始化是必須要用到的兩句話。然后本來context.fillStyle和context.strokeStyle是在畫圓和線的時(shí)候?qū)懥?，但是這樣就寫死顏色了，所以放到外面點(diǎn)什么就是什么顏色。然后函數(shù)只負(fù)責(zé)畫圓和線。context.fill是填充，context.strokeStyle是畫線或者描邊，線是沒有空的，都是實(shí)的。

canvas尺寸還有窗口自適應(yīng)

動畫

變大動畫

：nth-child()

div.test*3就能同時(shí)創(chuàng)建3個(gè)class=test的div。css一律用class選擇，兒子可以用通一個(gè)class然后css的時(shí)候用.class:nth-child(1){ }來選擇。注意nth-child這個(gè)child并不是class名字。圖二就正面了class=test但是選擇的時(shí)候還是用了child。另外我為什么不直接class叫做child1,child2,child3呢？那我豈不是就不能.child同時(shí)選中3個(gè)來批量設(shè)置共性css了。

不過看方方用起來很多時(shí)候列表每個(gè)都是需要有固定的classname的，所以child還是在調(diào)試的時(shí)候用的比較多?；蛘卟挥锚?dú)立名字的列表。那如果都有固定名字怎么批量設(shè)置css呢，那就選到他爸爸的名字然后>標(biāo)簽就行了。