技术开发 频道

HTML5给iPad,iPhone打造速度超快的应用

  function html(id, html){ $(id).innerHTML = html; }

  function css(id, style){ $(id).style.cssText += ‘;’+style; }

  function anim(id, transform, opacity, dur){

  css(id, ‘-webkit-transition:-webkit-transform’+

  ‘,opacity ‘+(dur||0.5)+’s,’+(dur||0.5)+’s;-webkit-transform:’+

  transform+’;opacity:’+(1||opacity));

  }

  七、别用 translate,用 translate3d

  使用 -webkit-transform 时,记得用 translate3d(x,y,z) 语法,而不是 translate(x,y)。因为某种原因,后者无法支持硬件加速,至少在 iOS 3.x 上不行(不过在桌面版 Safari 里似乎没问题)。谢谢马提奥·斯宾内利指出这点。(也推荐大家看看他做的 iScroll,里面有很多很棒的代码,也是演示如何为页面在移动版 WebKit 上的速度进行优化的好例子。)

0
相关文章