太牛逼了,創(chuàng)造力我服 送個源碼
http://codepen.io/jonechen/pen/MKNqaM
http://codepen.io/jonechen/pen/MKNqaM
2016-02-24
meet就是放大或者縮小viewbox,使得viewbox完全填充視窗的最小邊。slice就是讓viewbox完全填充視窗的最大邊。
2016-02-23
老師水平太高了,requestAnimationFrame,關(guān)于這個性能更高的JS動畫,這都沒有講,
2016-02-22
s*Math.sin(w*i*20+t);最核心的在這里,這個要用到高中數(shù)學(xué)里三角函數(shù)求坐標(biāo)了
2016-02-22
這一講對于js新手來說很有難度,剛剛仿寫一個,發(fā)現(xiàn)一些小問題,源碼不是很規(guī)范,直接在js中操作DOM的id,而不是用getElementById。代碼還可以繼續(xù)做一些優(yōu)化,比如encodeTranform()方法沒必要返回一個數(shù)組,數(shù)組里面又包含逗號,看著很暈。直接在此方法中拼接字符串返回即可。而且涉及知識點(diǎn)較多:事件監(jiān)聽、target對象、原生DOM操作API、數(shù)組[unshift()shift()split()方法]、正則表達(dá)式、DOM3級的oninput事件、H5新增的input[type=color] [type=range]屬性。如果大家能把這些知識點(diǎn)啃完,相信收貨會更多。
2016-01-22
回復(fù) <a href="/space/u/uid/202123" target="_blank">滿天星0123</a> :
估計也是 XLINK_NS 拼寫錯了
估計也是 XLINK_NS 拼寫錯了
2016-01-19