对项目中使用的动画性能、加载性能、体验优化等方法进行了总结，如requestAnimationFrame、GPU渲染、promise、预加载、按需加载／卸载动画等 ...
分类：
其他好文 时间：
2017-02-20 19:00:12
阅读次数：
304
动画分为: 1.css3动画:(动画性能远高于js) 1).过渡动画(transition) 2).关键帧动画(@keyframes,animation) 2.js动画: 过渡动画(transition) 语法: (所有时长单位都是秒） 1.变化属性(transition-property(属性名) ...
分类：
其他好文 时间：
2017-01-06 21:21:39
阅读次数：
8696
写在前面 满世界的动画性能优化技巧，例如： 只允许改变transform、opacity，其它属性不要动，避免重新计算布局（reflow） 对动画元素应用transform: translate3d(0, 0, 0)、will-change: transform等，开启硬件加速 动画元素尽量用fix ...
分类：
Web程序 时间：
2017-01-01 16:26:46
阅读次数：
242
8.4 Weex 双11会场大规模应用的秒开实战和稳定性保障 前言 Native 开发的诸多亮点中，流畅体验和系统调用是最多被提及的。流畅体验体现在页面滚动/动画的流畅性，背后是更好的内存管理和更接近原生的性能；同时又是 Web 的痛点：资源首次下载、长页面内存溢出和滚动性能、动画性能、传统 web ...
分类：
其他好文 时间：
2016-12-30 15:33:03
阅读次数：
245
from me: web动画能够带来一个非常酷炫的效果，能够让页面有一个更好的用户体验。对于良好的动画性能没有高招，除了将大量的时间放在测试和优化，当然最重要的还是要易于维护。 流畅web动画的十大法则： · 不要改变除了opacity和transform之外的参数！ · 将内容藏在不起眼的地方 · ...
分类：
Web程序 时间：
2016-12-22 00:28:48
阅读次数：
313
通过设置新的css3新属性translateX来代替传统的绝对定位改变left值的动画原理，新属性translateX会开启浏览器自带的gpu硬件加速动画性能，提高流畅度从而提高用户体验， 代码有很详细的注释，先上代码 js代码部分 最后说明一下开启gpu加速会导致设备耗电量增加 ...
分类：
移动开发 时间：
2016-11-15 16:34:18
阅读次数：
301
前言 随着可视化进入深水区，G2面临了越来越多交互上的需求。动画是提升交互必不可少的一部分，也是之前G2的薄弱环节。这个版本里我们开发并替换了动画底层，统一了时间轴，使G2的动画性能大大提升，并提供了一套默认的交互动画，使G2图表的表现力更加丰富。 默认动画 render() 出场动画 change ...
分类：
其他好文 时间：
2016-11-04 13:40:43
阅读次数：
235
现在手机的占比越来越高，各种酷炫页面层出不穷，这些特效都离不开css动画。说到css动画，主流的情况也就无非这两大类：位移和形变。而我们在写一个动画特效的过程中，如何去提升它的性能呢？当然首先我们需要去了解一下基本的概念，比如浏览器渲染的工作原理等，这些我也在读了几位大牛写的相关文章后才有了一定的了 ...
分类：
Web程序 时间：
2016-10-18 15:59:43
阅读次数：
230
正巧看到在送书，于是乎找了找自己博客上记录过的一些东西来及其无耻的蹭书了~~~ 小广告：更多内容可以看我的博客 最近拜读了一下html5rocks上几位大神写的一篇关于CSS3动画性能优化的文章，学到了很多，在这里记录一下，其中的知识都是来源于这俩篇文章，我只是截取了其中比较关注的内容出来，原文地址 ...
分类：
Web程序 时间：
2016-10-16 07:44:33
阅读次数：
240
Instruments Instruments是Xcode套件中没有被充分利用的一个工具。很多iOS开发者从没用过Instruments，或者只是用Leaks工具检测循环引用。实际上有很多Instruments工具，包括为动画性能调优的东西。 你可以通过在菜单中选择Profile选项来打开Instr ...
分类：
其他好文 时间：
2016-08-10 12:26:15
阅读次数：
267
