相比于纯CSS写法,动画的效果更华丽,可以一直在随机位置变更节点,动画看起来更具有“活性”。但同时对于性能的消耗也更高。
另外,由于动画函数采用requestAnimationFrame封装,然后通过setInterval不停添加节点并调用动画。
如果跳转至其他页面,在此期间定时器会不停添加节点,而动画则一直处于暂停状态。
再次返回页面时,动画效果会聚集,然后一瞬间释放出来,可能浏览器会崩溃。
![](https://img2018.cnblogs.com/blog/1647359/201906/1647359-20190609211935703-85520718.png)
![](https://img2018.cnblogs.com/blog/1647359/201906/1647359-20190609212141154-333979055.png)
![](https://img2018.cnblogs.com/blog/1647359/201906/1647359-20190609211943590-1141360258.png)
![](https://img2018.cnblogs.com/blog/1647359/201906/1647359-20190609212004416-844418853.png)
![](https://img2018.cnblogs.com/blog/1647359/201906/1647359-20190609212510563-976768843.png)
以上代码,欢迎补充。
小关小耳 |
|
||
![]() |
|
Copyright © 2024 小关小耳
Powered by .NET 8.0 on Kubernetes |