自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除