PhoneGap 1.4 封装 Sencha Touch 2.X - 性能怎么样?

2024-05-15

我正在构建一个多平台平板电脑应用程序,仅使用其 Webview 使用 Phonegap 1.4 对其进行包装,然后使用 Sencha Touch 2 框架发挥我的魔力。我所说的多平台是指 iOS 5.X+ 和 Android 3.0+(目前)。

到目前为止,这个应用程序运行得很好,它的所有功能都可以在两个系统上运行,但是......在 Android 平板电脑(三星 GalaxyTab)上它真的很慢。 发生了什么?我可以做点什么吗,或者这只是安卓的限制?

Thanks

里卡多·佩雷:http://edgecodetechology.blogspot.pt/ http://edgecodetechology.blogspot.pt/


****编辑****(我试图让这篇文章对 sencha 社区有点用处)

Sencha Touch 与许多其他 Javascript 框架一样,由于 javascript 本身的原因,并不是性能的最佳示例。

那为什么要使用煎茶触摸?

  • 就我而言:多平台(iOS、Android、Windows Phone、Blackberry、Windows、Mac OSX、Linux。共享 80-90% 的代码)

Mitigating performance issues due to lack of visual pre-process in Android systems:

  1. CSS3重视觉流程:

    • 避免渐变
    • 避免阴影
    • 避免变形和动画
  2. 良好的 MVC 实践:

    • 不要使用更多视图,而您实际上正在展示
    • 尽可能预渲染/预数据获取以避免同时渲染和数据处理
  3. 对于任何滚动视图,应在 Android 上禁用过度滚动。我在 Android 设备上测试了许多 Sencha Touch 2 应用程序,由于延迟和滞后,过度滚动会导致非常不愉快的体验。 (在 Galaxy Tab、Nexus S 和一些 HTC 上测试)作者:Thiem Nguyen(我一直在挖掘你的帖子,抱歉兄弟 :P)


同样在这里。我在 Samsung GalaxyTab 上测试了许多 Sencha Touch 2 应用程序,性能非常糟糕。有一个事实(这可能是实际原因的一部分):iOS 在渲染之前会进行许多预处理和计算,以使用户的外观和感觉看起来更流畅,而 Android 倾向于在移动中同时渲染和处理。

总的来说,可以说,对于每个基于 Javascript 构建的跨平台移动应用程序(例如 Sencha Touch),iOS 的性能明显优于 Android。然而,Sencha Touch 开发团队正在尽力改进这一点,希望在下一个版本中会更好。您可以查看这篇关于 iOS 和 Android 设备性能比较的文章。

http://www.sencha.com/blog/sencha-touch-2-developer-preview/ http://www.sencha.com/blog/sencha-touch-2-developer-preview/

PS:虽然这与操作系统的限制有很大关系,但您也可以优化您的应用程序,使其在 Android 设备上表现更好。根据我的经验,最佳实践是:

  • 不要过多使用 CSS3。
  • 使 DOM 尽可能最小。

希望能帮助到你。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

PhoneGap 1.4 封装 Sencha Touch 2.X - 性能怎么样? 的相关文章

随机推荐

  • Visual Studio 2010 可扩展性、MPF 和语言服务

    我正在尝试扩展 Visual Studio 2010 RC 以能够使用自定义编程语言 我尝试做的前两件事是语法突出显示 智能感知功能 很容易完成 感谢 PDC09 中的 Ook 示例 和创建新项目模板的可能性 即能够打开 myproj 文件
  • 使用多级解决方案计算二维网格中的最近邻

    我有一个问题 在 x y 大小的网格中 我提供了一个点 并且我需要找到最近的邻居 在实践中 我试图在 pygame 中找到距离光标最近的点 该点跨越颜色距离阈值 计算如下 sqrt rgb1 0 rgb2 0 2 rgb1 1 rgb2 1
  • JavaScript 原型 - 请澄清

    有人可以帮我理解原型属性吗 我不明白原型属性是函数的属性还是函数内部的属性 假设我们创建以下构造函数 Food 此时 函数 Food 具有 Food prototype 属性 由于 Food 是 Object 的实例 因此这意味着 Obec
  • 如何在之前的 Facebook 身份验证后自动安全地让用户登录?

    用户抱怨他们必须过于频繁地登录 如果身份验证完全基于 Facebook OAuth 那么用户如何在下次访问该页面时自动登录 用户流程示例 用户点击 使用 Facebook 登录 用户通过 Facebook 进行身份验证并被重定向回网站 用户
  • 平滑滚动.net 表单

    您好 我正在 net 中使用表单 并且在运行时动态添加大量链接标签 我将这些链接标签添加到面板并将该面板添加到 winform 当链接标签的数量增加时 表单会显示一个自动滚动条 垂直 现在 当我使用自动滚动向下滚动时 表单在滚动时不会更新其
  • 在 Xamarin 中隐藏软键盘

    如何隐藏软键盘以便在聚焦时显示Entry在 Xamarin forms 便携式表单项目中 我假设我们必须为此编写特定于平台的渲染器 但以下内容不起作用 我创建自己的条目子类 public class MyExtendedEntry Entr
  • 如何配置 IIS 以接受 POST 请求?

    我知道默认情况下 IIS 不接受发布请求 如何更改此设置 有人可以引导我改变这个 一步一步 吗 如果您使用的是 IIS 6 及更低版本 在 IIS 管理屏幕中右键单击您的网站或虚拟目录 去Properties然后去Home Director
  • 在 TypeScript 中实现类型安全的服务注册表

    我想要一个函数根据给定的标识符 例如字符串或符号 返回对象实例 在代码中它可能看起来像这样 define your services type ServiceA foo gt string const ServiceA foo gt bar
  • 将不同的 grViz 组合成一个图

    我想结合不同的DiagrammeR绘制成一个图形 生成的图如下例所示 library DiagrammeR pDia lt grViz digraph boxes and circles a graph statement graph ov
  • 使用 jQuery 检测容器溢出?

    我见过这个问题 https stackoverflow com questions 2059743 detect elements overflow using jquery但感觉必须有一个 更干净 的 jQuery 方法来做到这一点 我什
  • 如何使用 kubectl 了解有关先前发布版本的更多详细信息?

    有给出的命令here https kubernetes io docs reference kubectl cheatsheet updating resources其中解释了如何使用执行回滚kubectl 列出以前的部署版本的是 kube
  • SONAR - 使用 Cobertura 测量代码覆盖率

    我正在使用声纳来测量代码质量 我不知道的一件事是使用 Cobertura 测量代码覆盖率的步骤 我按照以下步骤操作http cobertura sourceforge net anttaskreference html http cober
  • 如何在 Mac 上设置默认 shell,例如钓鱼? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我不喜欢重新输入fish每次我启动终端时 我想Fish https en wikipedia org wiki Fish Unix she
  • Akka :: 调度程序 [%name%] 未配置,使用默认调度程序

    我创建了以下 application conf akka actor prio dispatcher type Dispatcher mailbox type my package PrioritizedMailbox 当转储配置时 act
  • 数据表“footerCallback”函数未在页脚中显示结果

    我尝试获取每列的总和并将结果显示在页脚中 我在用着 页脚回调 https datatables net reference option footerCallbackDatatables提供的功能 但是它在页脚中没有显示任何内容 数据表解释
  • 模板中的 bson.ObjectId

    我有一个具有 bson ObjectId 类型的结构 例如如下所示 type Test struct Id bson ObjectId Name string Foo string 我想在 html 模板中呈现它 Name Food a h
  • 当 deps 为 [] 时,React 警告 React Hook useEffect 缺少依赖项

    我正在尝试清理 DOM 中的警告 并且对于每个useEffect部门在哪里 我收到一条错误消息 指出 useEffect 缺少依赖项 我想在安装组件时触发效果 我的印象是这就是做到这一点的方法 如果是这样 为什么会出现警告 这是我使用的简单
  • 新BFC“清”浮箱

    如示例所示 应用display inline block 到包含块似乎 清除 了其中的浮动框 wrapper inline block display inline block left column background color te
  • npm 错误! cb.apply 不是函数

    我收到这个错误 npm ERR cb apply is not a function 在Linux中做的时候npm install虽然我的npm版本是6 9 0 我的节点版本是v12 18 3 如何解决这个问题 如果您共享的是 Window
  • PhoneGap 1.4 封装 Sencha Touch 2.X - 性能怎么样?

    我正在构建一个多平台平板电脑应用程序 仅使用其 Webview 使用 Phonegap 1 4 对其进行包装 然后使用 Sencha Touch 2 框架发挥我的魔力 我所说的多平台是指 iOS 5 X 和 Android 3 0 目前 到