用 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,

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 上的速度进行优化的好例子。)

作者：托马斯·富赫 来源：http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/