现在手机的占比越来越高，各种酷炫页面层出不穷，这些特效都离不开css动画。说到css动画，主流的情况也就无非这两大类：位移和形变。而我们在写一个动画特效的过程中，如何去提升它的性能呢？当然首先我们需要去了解一下基本的概念，比如浏览器渲染的工作原理等，这些我也在读了几位大牛写的相关文章后才有了一定的了 ...
分类：
Web程序 时间：
2016-04-20 11:38:38
阅读次数：
233
最近拜读了一下html5rocks上几位大神写的一篇关于CSS3动画性能优化的文章，学到了很多，在这里记录一下，其中的知识都是来源于这俩篇文章，我只是截取了其中比较关注的内容出来，原文地址High Performance Animations及Accelerated Rendering in Chr...
分类：
Web程序 时间：
2015-11-29 14:58:33
阅读次数：
483
弹出层被FLASH遮挡解决办法（ckplayer解决）wmode属性："Window"在Web页上用影片自己的矩形窗口来播放应用程序，并且始终位于最顶层。"Opaque"显示页面上位于它后面的内容。"Transparent"使HTML页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。"Opaq..
分类：
其他好文 时间：
2015-10-22 14:28:18
阅读次数：
983
很多时候，我们在开发移动端的时候要使自己的网页兼容不同的机型，很多时候会采用CSS3动画，但是很多时候在安卓机下，动画明显会出现卡顿，很难看，那么这里我介绍几个CSS 属性进行硬件加速那么就会得到明显的效果：opacity: 1;-webkit-backface-visibility: hidden...
分类：
移动开发 时间：
2015-09-13 00:56:51
阅读次数：
264
1背景Permalink.NET Framework 提供了四种定时器，然而其精度都不高（一般情况下 15ms 左右），难以满足一些场景下的需求。在进行媒体播放、绘制动画、性能分析以及和硬件交互时，可能需要 10ms 以下精度的定时器。这里不讨论这种需求是否合理，它是确实存在的问题，也有相当多的地方...
分类：
其他好文 时间：
2015-09-07 18:01:34
阅读次数：
221
chrome 利用chorme调试手机网页 Chrome控制台 JS调试的一些小技巧 chrome使用技巧（看了定不让你失望） 我所了解的chrome 你可能不知道console强大CSS3精典 css3新增属性API CSS收集的常用代码（与打印相关） CSS3动画（性能篇） css编写规范CSS...
分类：
其他好文 时间：
2015-08-03 22:33:46
阅读次数：
157
写在前面高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点： 流量、功耗与流畅度。在PC时代我们更多的是考虑体验上的流畅度，而在Mobile端本身丰富的场景下，需要额外关注对用户基站网络流量使用的情况，设备耗电量的情况。关于流畅度，主要体现在前端动画中，在现有的前端动画...
分类：
Web程序 时间：
2015-07-01 17:38:00
阅读次数：
243
单刀直入，今天要讲的是自己写的一个WPF动画例子。我们在看下最终效果~最近在重看WPF编程宝典2010，在练习第15章动画性能例子时有了些想法。原始例子如下：原始例子(打包了整个15章的)它是一个可动态改变小球动画帧速的程序~那我能不能让小球一直发射？能不能改变小球的轨迹？所有就有了现在的程序，我们...
分类：
其他好文 时间：
2015-06-04 20:53:44
阅读次数：
145
目录：一、项目地址二、布局1、按屏滚动会碰到什么问题？2、flexbox会碰到什么问题？3、fixed定位需要慎用。三、动画1、CSS动画与Canvas动画性能优劣分析2、当缩放动画碰上硬件加速3、动画由Javascript来维护还是css维护的思考四、特性1、如何解决音频播放预加载与延时的问题2、...
分类：
移动开发 时间：
2015-04-28 13:41:10
阅读次数：
242
在研究CSS3动画性能的时候，看到了重排两个字。突然想到自己虽然听说过这么个东东，但一直也没深入研究之。趁着当下正好有研究的劲头，所以一不做二不休，把这个point也给学习了。同样是一番查找资料...不过这次我得跟作者和原文say sorry了...因为...我在整理的过程中没注意mark下原文的u...
分类：
其他好文 时间：
2015-03-15 21:06:20
阅读次数：
185
