- 博客(5)
- 收藏
- 关注
翻译 css与js动画对比:谁更快?
js动画怎么可能已经比css实现的变换效果还快了?并且,adobe和谷歌怎么可能开发出可以和原生应用性能比肩的富媒体移动网站? 这篇文章点对点的对比分析了为什么基于javascript的dom动画库,如Velocity.js和GSAP,拥有比基于jQuery和css的动画更好的表现? jQuery 让我们从基本的地方开始:javascript被错误的混在了一起。javascript动画是快的
2015-08-13 09:48:35
686
转载 高性能 CSS3 动画
注:本文出自腾讯AlloyTeam的元彦,文章也可以在github上浏览。请尊重版权,转载请注明来源,多谢~~ 高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂,我们总结为以下几点: 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度,而在Mobile端本身丰富的场景下,需要额外关注对用户基站网络流量使用的情况,设备耗电量的情况。 关于流畅度,主要体现在前端动画中,
2015-07-29 15:22:10
268
转载 前端性能优化(CSS动画篇)
原文http://blog.segmentfault.com/skyinlayer/1190000000490328 最近拜读了一下 html5rocks 上几位大神写的一篇关于CSS3动画性能优化的文章,学到了很多,在这里记录一下,其中的知识都是来源于这俩篇文章,我只是截取了其中比较关注的内容出来,原文地址 High Performance Animations 及 Accelerat
2015-07-29 14:17:05
331
转载 使用CSS3开启GPU硬件加速提升网站动画渲染性能
Chrome下的动画比IE9和FF都要慢很多,一开始觉得是自己的js逻辑问题,因为要遍历9个元素并计算他们的坐标。后来尝试了使用requestAnimationFrame、webWorker和canvas,但情况仍然没有任何好转。通过chrome的DevTool中TimeLine监控,发现动画的代码逻辑并没有占用太多资源,反倒是painting消耗了大量的时间,平均才30fps左右。
2015-07-29 11:42:12
953
转载 meta标签
viewport用于页面缩放,详见:www.cnblogs.com/2050/p/3877280.html 这meta的作用就是删除默认的苹果工具栏和菜单栏。 <meta name="format-detection" content="telephone=no"/> format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测h
2015-07-28 10:20:02
260
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人