WEB开发网
开发学院手机开发iPhone 开发 用 HTML5 给 iPad,iPhone 打造速度超快的应用 阅读

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

 2010-12-18 08:06:22 来源:WEB开发网   
核心提示: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/

上一页  1 2 3 

Tags:HTML iPad iPhone

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接