5

JQMで最初のアプリをリリースしているところです。基本的に、リストビューを備えた地理動的ページ。デザインに関しては何も派手ではありません。だから私はJQMの基本的なルックアンドフィールを本当に楽しんでいます。

まだphonegapで実行していません。デスクトップのFirefoxでWebアプリとしてテストしていますが、非常に便利でスムーズに動作します。私はそれを私のiphone3GSでサファリ上のウェブアプリとしてテストしました、そしてそれは完全に役に立たないです:画面のちらつき、33.6Kモデムのモザイクを思い出させるトランジション。

私はstackoverflowで、トランジションを使用しないなど、JQMを改善する多くの調整があることを確認しました。しかし、ポイントは何ですか?

ボトルネックは何ですか?それはJQuery自体とIEの処理ですか?申し訳ありませんが、JQueryリリース2.0が待ちきれません。

代わりにzepto.jsを使用することを推奨する人もいます。ただし、zepto.jsはJQMcssをサポートしていません。zeptoを使用して、JQMが提供する基本設計をやり直す必要がない簡単な解決策はありますか?

Obj-Cを学習してJavaに戻ることなく、iOSとAndroidでアプリを実行したいので、まだネイティブになりたくありません。

これについては多くの議論がありましたが、私が見た最新のものは6月でした。

いくつかの新しい選択肢はありますか?Jqueryがボトルネックである場合、IOS / Androidを対象としないものが何もないものを取得することは可能ですか?

ありがとうございました。

4

1 に答える 1

5

JQMのアイデアは、iOS / Androidだけでなく、すべてのプラットフォームをターゲットにすることです。そのため、iOSのみを使用する場合は、不要な妥協を行う必要があります。JQM1.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>

これはすべてのリストアイテムのクライアントで行われるため、レンダリングには時間がかかり、デスクトップで完全にスムーズに機能する要素は、不格好なAndroidでレンダリングするのに2〜3秒かかります。

最初の回避策は、送信enhanced HTMLして呼び出す必要がないようにtrigger("create")することです。そうすることで要素のバインドを失う可能性があります。または、必要に応じて実行するイベントバインドのみのモードを提供するようにJQMを変更する必要があります。

もう1つのアイデアは、ウィジェットライブラリを構成可能な拡張マークアップとして保存することです。したがって、listview libがあり、リストアイテムのすべてのバリエーションが拡張形式でテンプレートとして保存されています。リストをループするときは、ライブラリからリストアイテムを選択し、動的データを追加するだけで完了です。

どちらも多くの手間がかかりますが、一部のウィジェット(ボタン、コントロールグループ)から簡単にセットアップでき、レンダリング時間を大幅に節約できます。

これがあなたを動かすための良い指針であることを願っています。

于 2012-11-09T15:15:18.770 に答える