jquery 移动替代品（瓶颈是什么？）

Question

我刚刚在 JQM 中发布我的第一个应用程序。基本上，带有列表视图的地理动态页面。在设计方面没有什么花哨的。所以我真的很喜欢 JQM 的基本外观和感觉。

我还没有用 phonegap 运行它。我在我的桌面上将它作为一个 web 应用程序在 Firefox 上进行测试，它非常好并且运行顺利。我已经在我的 iphone 3GS 上将它作为 safari 上的 web 应用程序进行了测试，它完全没用：屏幕闪烁，让我想起 33.6K 调制解调器上的 Mosaic 的过渡。

我在 stackoverflow 上看到有很多改进 JQM 的调整，例如不使用转换。但有什么意义呢？

什么是瓶颈？是 JQuery 本身及其对 IE 的处理吗？抱歉，我等不及 JQuery 2.0 版了。

我看到有些人建议使用 zepto.js 作为替代方案。但是 zepto.js 不支持 JQM css。是否有一个简单的解决方案来使用 zepto 而不必重做 JQM 提供的基本设计？

我仍然不想原生，因为我想让我的应用程序在 IOS 和 Android 上运行，而不必学习 Obj-C 并回到 Java。

对此进行了多次讨论，但我看到的最新讨论是在 6 月。

是否有一些新的选择？如果 Jquery 是瓶颈，是否有可能获得一个没有任何不针对 IOS/Android 的内容？

谢谢。

Answer 1

JQM 的理念不仅是针对 iOS/Android，还针对所有平台，因此如果您只使用 iOS，则必须做出不需要的妥协 - JQM 1.1 之前的过渡（要好得多）是我相信是因为 Android 而下降，因为他们失败得太厉害了。

如果您正在寻找瓶颈，我认为在客户端渲染元素需要时间。假设您有一个列表项：

<li><a href="some">link</a></li>

哪个 JQM 将更改为

<li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-c">
    <div class="ui-btn-inner ui-li">
        <div class="ui-btn-text">
            <a href="index.html" class="ui-link-inherit">Acura</a>
        </div>
        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
    </div>
</li>

由于这是在客户端上为每个列表项完成的，因此渲染内容需要时间，而在桌面上完美运行的元素突然需要 2-3 秒才能在糟糕的 Android 上渲染。

第一个解决方法是发送 enhanced HTML 并尽量不必调用 trigger("create") 这样做可能会松散元素绑定，或者您将不得不更改 JQM 以提供仅事件绑定模式，我'我在需要的时候做。

另一个想法是将小部件库存储为可配置的增强标记。因此，您将拥有一个 listview 库，其中包含以增强形式存储为模板的列表项的所有变体。循环遍历列表时，您只需从库中选择列表项，添加动态数据即可完成。

两者都需要大量的摆弄，但设置一些小部件（按钮、控件组）很容易，并且已经节省了大量的渲染时间。

希望这是一个很好的指导。