快捷搜索:  as  2018  FtCWSyGV  С˵  test  xxx  Ψһ  w3viyKQx

和记娱乐缅甸平台_机器人论坛



网上关于css3优化的中文资料相称少,没法子只能google国外的资料了。

1、图片

图片在移动设备上衬着是众所周知的慢

2、渐变gradients

这个属性在公司的电视盒子上跑时显着感到到机能异常差

-webkit-gradient, 渐变在浏览器中真实的实现是构建一张位图并衬着到浏览器,这和从外部加载一张图片无异(如从外部加载一张png图片)

对渐变的优化,可采纳canvas来实现如:

// WebKit CSS gradient

-webkit-gradient(linear, left top, right top,

from(#4b4c4d),

color-stop(0.249, #4b4c4d),

color-stop(0.25, #575b5c),

color-stop(0.329, #575b5c),

color-stop(0.3和记娱乐缅甸平台3, #6b7071),

color-stop(0.749, #6b7071),

color-stop(0.75, #575b5c),

color-stop(0.909, #575b5c),

colo和记娱乐缅甸平台r-stop(0.91, #4b4c4d),

to(#4b4c4d)

);

//gradient

var gradient = $('canvas').getContext("2d").createLinearGradient(0,0,230,0);

gradient.addColorStop(0,'#4b4c4d');

gradient.addColorStop(0.249,'#4b4c4d和记娱乐缅甸平台');

gradient.addColorStop(0.25,'#575b5c');

gradient.addColorStop(0.329,'#575b5c');

gradient.addColorStop(0.33,'#6b7071');

gradient.addColorStop(0.749,'#6b7071');

gradient.addColorStop(0.75,'#575b5c');

gradient.addColorStop(0.909,'#575b5c');

gradie和记娱乐缅甸平台nt.addColorStop(0和记娱乐缅甸平台.91,'#4b4c4d');

gradient.addColorStop(1,'#4b4c4d');

3、避免使text-shadow和box-shadow

这两个东东是另一个主要低落机能坑

4、硬件加速hardware acceleration

这玩意儿很新很酷,然则bug也不少。例如它的并发动画是有限的,过多会导致闪烁或衬着差错。大概会闪瞎你的钛合金狗眼哟…

5、 touch事故优先

只管即便应用touch事故代替click等一些老的事故,由于老的事故可能会有稍微的延迟

6、opacity

避免应用opacity,由于某些缘故原由,它会滋扰硬件加速的衬着

7、对付javascript和css没有银弹

别太依附框架或库

8、要用translate3d别用translate

由于某些缘故原由后者没有硬件加速

转自:http://www.cnblogs.com/willian/archive/2013/05/10/3072070.html

您可能还会对下面的文章感兴趣: