代码之家 › 专栏 › 技术社区 › Philipp Lenssen

iPad/Phonegap DHTML游戏JavaScript速度优化?

cordova safari javascript

Philipp Lenssen · 技术社区 · 14 年前

我正在使用Phonegap为iPad创建一个游戏,这意味着我在iPad的Safari中使用JavaScript/CSS/HTML。基本上,我在移动大量分辨率为1024x768的img元素(有时会更改它们的src),只是没有任何网络连接的本地文件。在桌面上,Safari的工作很顺利,但在iPad上,我的setInterval感觉延迟和闪烁。你有什么我可以尝试的速度优化技巧吗?谢谢!

PS:我知道切换到iOS的原生Objective-C可能会快得多,但我真的很想用标准的JS/HTML/CSS来尝试。

2 回复 | 直到 14 年前

gblazex 14 年前

您遇到了一个最常见的浏览器脚本问题,即动画网页。

应用程序速度减慢的原因是浏览器是一个 单螺纹

setInterval 让你相信你的行为会像在一个 多线程 将动作推到将继续推动新的动作,但旧的动作仍将存在,整个渲染将变成一个缓慢的混乱。

你可以做的事情,以避免滞后。

以平稳换速度 :提高间隔之间的延迟,以避免UI堆栈中的累积操作。
设置超时 设置间隔 ,只是它不能确保重复之间的间隔,而是关注浏览器在重复操作之前应该等待多长时间。所以为了让它更像 设置间隔 您可能需要跟踪操作之间经过的时间,并计算必须处理的更改的度量。
组动画

另外,请务必阅读以下文章:

Making an iPad HTML5 App & making it really fast ( )

ad rees 14 年前

推荐文章

Zami Coskula · 未捕获引用错误:未定义L

6 年前

Muhammed Raheez PC · 构建应用程序时发生Ionic java构建错误

6 年前

beginner · Onesignal推送通知到特定类别

6 年前

jamesharvey · 如何使用*ngFor指令从Ionic 3(Cordova、Ionic 3、Angular 5)上的存储器中提取数据

6 年前

user2486706 · 我们可以直接将C++dll集成到ionic框架中吗

6 年前

jamesharvey · 我怎样才能让谷歌地图在一个div内只占据50%的高度?(爱奥尼亚3号,科尔多瓦)

6 年前

Kumar · 离子行显示同一行中的所有元素

6 年前

Raz · 如何从Cordova上的移动应用程序通过API从Google云平台获取数据?

6 年前

ntaso · Android上的Chrome:IndexedDB的配额突然几乎为0

6 年前

Thom · 我的cordova应用程序在M1 a1 mobile中不工作

6 年前