4

インターネット上のどこにも詳細な手順が見つからないため、Zepto.js のさまざまなビルドを (タッチ サポートを含めるために) 初心者に優しい方法で作成する方法を誰か説明してもらえますか?

4

1 に答える 1

5

これは、jQuery と同じように機能するはずです。

<script src="zepto1.0.js"></script>
<script>
    var zep10 = window.Zepto;
</script>

<script src="zepto0.8.js"></script>
<script>
    var zep08 = window.Zepto;
</script>

Zepto は「コンパイル」する必要はありません。$jQuery や MooTools がデフォルトで入るように、変数に配置する必要があるだけです。必要に応じて、最もよく使用されるバージョンの Zepto も設定でき$ます。

<script src="zepto1.0.js"></script>
<script>
    var $ = window.Zepto;
</script>

もちろん、それ以降はこれらのオブジェクトからコマンドをトリガーする必要があります。

バージョンについては、通常の操作1.0を使用するだけです。$.()ただし、バージョンの場合は、アクションを呼び出すために0.8使用します。zep08.()

ノート

Zepto のホームページ ( http://zeptojs.com ) から:

$ global がまだ定義されていない場合、Zepto はそれ自体にのみ設定します。Zepto.noConflict メソッドはありません。

$そのため、jQuery または MooTools を既にロードしている場合、それらのライブラリを Zepto よりも先にロードしている限り、バインディングが壊れることはありません。そうしないと、まだ上書きされます。

テスト

これもチェックしてください: http://jsperf.com/qwery-vs-jquery-vs-mootools-selector-engines/11。Chrome と Safari では、jQuery が Zepto に大きく勝っています。したがって、Zepto を使用すると「初期負荷」が軽くなる可能性がありますが、パフォーマンスに関しては jQuery が勝っているようです。

私はSafari 6.0.3 on Mac OS X 10.8.3これらの結果でテストしました：

ジーシュ / ID

  • Jeesh("#n-contents");
  • 40,136 | ±3.78% | 95% 遅い

jQuery/ID

  • jQuery("#n-contents");
  • 765,799 | ±4.36% | 最速

ゼプト/ID

  • Zepto("#n-contents");
  • 348,956 | ±4.89% | 55% 遅い

ジーシュ/クラス

  • Jeesh(".firstHeading");
  • 40,748 | ±3.96% | 95% 遅い

jQuery/クラス

  • jQuery(".firstHeading");
  • 306,591 | ±4.31% | 60% 遅い

ゼプト/クラス

  • Zepto(".firstHeading");
  • 284,822 | ±3.92% | 63% 遅い
于 2013-03-24T20:18:05.297 に答える