平滑滚动到页面顶部 const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { window.requestAnimationFra ...
分类:
Web程序 时间:
2020-03-18 09:34:23
阅读次数:
73
<!--done--> 前面的话 与setTimeout和setInterval不同,requestAnimationFrame不需要设置时间间隔。这有什么好处呢?为什么requestAnimationFrame被称为神器呢?本文将详细介绍HTML5新增的定时器requestAnimationFra ...
分类:
其他好文 时间:
2019-05-11 21:27:53
阅读次数:
125
前言 在Web应用中,实现动画效果的方法比较多. 1. 中可以通过 来实现 2. 可以使用 和 来实现 3. 中的 也可以实现 除此之外,html5 还提供一个专门用于 ,即 ,顾名思义就是 “ ”。 为了深入理解 rAF 背后的原理(后文的 rAF 均指的是 requestAnimationFra ...
分类:
其他好文 时间:
2019-01-14 22:02:42
阅读次数:
174
看了Vue官方教程(貌似和自己写的框架差别不大,听前前端同事一直吹Vue,于是学习了一下,和自己写的框架好像也没强哪里去嘛,就是要傲娇哈哈),等有空也整理自己的框架,开源好了),想找个项目练练手(没找到好的),就写个飞机大战吧。飞机大战总共三个页面:登录、匹配、游戏页面,三个页面的功能:1、登录:玩家填写用户名,socket连接2、匹配:等待其他玩家准备3、游戏:战斗页面上述流程仿照了王者荣耀,所
分类:
Web程序 时间:
2018-03-01 10:17:39
阅读次数:
437
(function() { var lastTime = 0; var vendors = ['ms', 'moz', 'webkit', 'o']; for (var x = 0; x < vendors.length && !window.requestAnimationFra...
分类:
其他好文 时间:
2015-04-18 12:56:53
阅读次数:
113
演示效果http://www.9696e.com/demo/snow/春节之前新一博客也会一直挂着的。加载链接源码奉上1(function(){var t,e,n,a,o,i,r=[],s=[],u=0;requestAnimationFrame=window.requestAnimationFra...
分类:
Web程序 时间:
2014-12-26 00:53:42
阅读次数:
213