APP根据使用场景关注JANK及FPS：（1） 静态页面窗口：只需关注FPS，理论FPS应该为0，否则，说明有冗余刷新，容易引起手机发热及耗电。（2）有滚动动画页面窗口：只需关注FPS，FPS处于合适值即可，无需高频刷新。（3）快速滑动页面窗口：需要关注FPS和Jank。手机交互灵敏度就是来源于此， ...
分类：
移动开发 时间：
2021-06-11 19:00:40
阅读次数：
0
直接使用window.scroll or window.scrollTo设置滚动时，在iOS下没有滚动动画效果可以安装smoothscroll-polyfill包来解决这个问题 安装完再直接使用window.scroll or window.scrollTo即可 git地址：https://gith ...
分类：
移动开发 时间：
2021-02-26 13:10:02
阅读次数：
0
创建一个没有背景的圆，然后声明透明度为0.1的黑色边框(看起来是灰色)，修改左侧边框颜色。此时会有一个静态的看起来只有左边框有颜色的空心圆。然后声明一个该元素逆时针旋转360度的动画，并让该动画无限播放(infinite)即可。 使用的css3 特性: transform属性的 rotate，共一个 ...
分类：
Web程序 时间：
2020-07-18 00:31:25
阅读次数：
112
原文:CSS动效集锦，视觉魔法的碰撞与融合（三）目录扇形DIV的使用——实现雷达扫描图DIV环形布局—实现loading圈动画的向量合成—实现抛物线动画无限滚动动画—实现跑马灯效果perspective和transform的运用——实现卡片翻转 正文 本文讲述的原理和相关demo 扇形DIV的使用—... ...
分类：
Web程序 时间：
2020-02-03 15:48:31
阅读次数：
123
什么是Velocity？ Velocity是一个简单易用、高性能、功能丰富的轻量级JS动画库。 它能和 jQuery 完美协作，并和$.animate()有相同的 API， 但它不依赖 jQuery，可单独使用。 Velocity 不仅包含了 $.animate() 的全部功能， 还拥有：颜色动画、 ...
分类：
其他好文 时间：
2020-01-16 01:12:28
阅读次数：
94
需要实现的效果 样式分析： 2个主要部分，头部的标题和导航部分，和主要的功能实现区域； 1.头部 <div id="header"> <h1>动漫视频</h1> <span><</span> <span>></span> </div> <div id="tips"> <span class="on" ...
分类：
Web程序 时间：
2019-11-30 11:21:10
阅读次数：
79
首先我们需要使用scrollTo这个方法： scrollTo(x, y, time, easing) 参数： {Number} x 横轴坐标（单位 px） {Number} y 纵轴坐标（单位 px） {Number} time 滚动动画执行的时长（单位 ms） {Object} easing 缓动 ...
分类：
其他好文 时间：
2019-07-16 12:38:03
阅读次数：
264
1.demo <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>demo</title> <link rel="stylesheet" href="http://cdn.dowebok.com/98/cs ...
分类：
其他好文 时间：
2019-04-19 19:31:24
阅读次数：
178
ali.js是一款滚动插件，滚动的内容可包含文字和图片。它的API也很强大，包括滚动区域可见个数、每次滚动个数、滚动方向、是否循环滚动、是否自动滚动、滚动间隔时间、滚动动画速度、动画效果、滚动方向以及开始滚动索引。 在线实例 实例演示 使用方法 1 2 3 4 5 6 7 8 9 10 11 12 ...
分类：
Web程序 时间：
2019-03-26 16:40:16
阅读次数：
233
简介 kissui.scrollanim是一款实用的纯JS和CSS3页面滚动动画库插件。通过该插件可以使元素进入浏览器视口的时候，展示指定的CSS3动画效果。 下载地址及演示 在线演示 在线下载 安装 可以通过bower来安装kissui.scrollanim插件。 使用方法 在页面中引入scrol ...
分类：
其他好文 时间：
2018-11-17 14:40:06
阅读次数：
284
