jqueryとzeptoは同じですか?-フロントエンドQ&A-php.cn

jqueryとzeptoは同じですか?

WBOY

リリース： 2022-04-15 11:02:30

オリジナル

2381 人が閲覧しました

jquery と zepto は異なります。どちらも JavaScript ライブラリですが、次のような違いがあります: 1. Dom 操作で ID を追加すると、jquery は有効になりませんが、Zepto は有効になります。2. jquery はロードイベントの処理関数を実行しませんが、zepto は実行します。ロードイベントの処理関数。

jqueryとzeptoは同じですか?

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery は zepto と同じですか

jquery と zepto は異なります

##jquery：

jQuery は、イベント処理、HTML ドキュメントのトラバーサル、Ajax インタラクション、およびアニメーションを簡素化し、Web サイトを迅速に開発するために使用できる、簡潔で高速な JavaScript ライブラリです。 jQuery は、HTML のクライアント側のスクリプト作成を簡素化し、それによって Web 2.0 アプリケーションの開発を簡素化します。

jQuery 設計の目的は、「Write Less, Do More」です。これは、記述するコードを減らし、より多くのことを実行することを意味します。一般的な JavaScript 関数コードをカプセル化し、シンプルな JavaScript 設計パターンを提供し、HTML ドキュメント操作、イベント処理、アニメーション設計、および Ajax インタラクションを最適化します。

zepto:

Zepto は、最新のスマートフォンブラウザ向けに特別にリリースされた軽量 JavaScript ライブラリです。ファイルサイズはわずか約 10K で、最新の高度なブラウザと互換性があります。主にモバイル開発に使用されるブラウザで、jQuery に似た API を備えています。 zepto公式サイトにもあるように、jQueryが使えるならzeptoも使います。

同じ点:

Zepto はもともとモバイル用に開発されたライブラリであり、jQuery と同様の API を備えているため、jQuery の軽量な代替手段です。ただし、ファイルサイズは小さくなります。

Zepto の最大の利点は、ファイルサイズがわずか 8k 以上であることです。現在完全に機能するライブラリの中で最も小さいです。大きくはありませんが、Zepto が提供するツールはニーズを満たすのに十分ですプログラム開発の様子。

jQuery で一般的に使用される API とメソッドのほとんどは Zepto で利用できますが、Zepto には jQuery にはないものもあります。

また、Zepto の API のほとんどは jQuery に対応しているため、非常に使いやすく、jQuery に慣れていれば簡単に Zepto を使いこなすことができます。

jQuery では同じ方法で多くのメソッドを再利用でき、ドキュメントを見なくてもメソッドを文字列化してより簡潔なコードを取得することもできます。

相違点:

1. IE ブラウザのサポート

モバイルプログラムの場合、Zepto にはいくつかの機能があります。タッチスクリーンインタラクションに使用できる基本的なタッチイベント (タップイベント、スワイプイベント)。Zepto は IE ブラウザをサポートしていません。これは、Zepto 開発者の Thomas Funks がクロスブラウザの問題について混乱しているからではありませんが、慎重な末に行われた決定ですjQuery チームがバージョン 2.0 で古いバージョンの IE (6 7 8) をサポートしなくなったのと同様に、ファイルサイズを減らすことも考慮されています。

Zepto は jQuery 構文を使用するため、ドキュメントでは IE のフォールバックライブラリとして jQuery を使用することを推奨しています。そうすれば、プログラムは IE で引き続き実行でき、他のブラウザでも Zepto のファイルサイズの利点を享受できます。ただし、2 つの API には完全な互換性がないため、この方法を使用する場合は注意し、十分な調査を行ってください。

2. Dom 操作の違い: id の追加時に jQuery は有効になりませんが、Zepto は有効になります。

jQuery オペレーションの ul の ID は追加されません。

(function($) {
  $(function() {
    var $list = $(&#39;<ul><li>jQuery 插入</li></ul>&#39;, {
      id: &#39;insert-by-jquery&#39;
    });
    $list.appendTo($(&#39;body&#39;));
  });})(window.jQuery);
Zepto 可以在 ul 上添加 id。
Zepto(function($) {
  var $list = $(&#39;<ul><li>Zepto 插入</li></ul>&#39;, {
    id: &#39;insert-by-zepto&#39;
  });
  $list.appendTo($(&#39;body&#39;));
});

ログイン後にコピー

3. イベントトリガーの違い:

jquery を使用する場合、ロードイベントのハンドラー関数は実行されません。

(function($) {
    $(function() {    
        $script = $(&#39;<script />&#39;, {
            src: &#39;http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js&#39;,
            id: &#39;ui-jquery&#39;
        });
        $script.appendTo($(&#39;body&#39;));
        $script.on(&#39;load&#39;, function() {
            console.log(&#39;jQ script loaded&#39;);
        });
    });})(window.jQuery);

ログイン後にコピー

ロードzepto を使用するとイベントが発生します処理関数は

Zepto(function($) {  
    $script = $(&#39;<script />&#39;, {
        src: &#39;http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js&#39;,
        id: &#39;ui-zepto&#39;
    });
    $script.appendTo($(&#39;body&#39;));
    $script.on(&#39;load&#39;, function() {
        console.log(&#39;zepto script loaded&#39;);
    });});

ログイン後にコピー

4 を実行します。 width() と height() の違い:

Zepto はボックスモデル ( box-sizing)、.width () を使用すると割り当てられた幅が返され、.css('width') を使用して境界線などを追加した結果が返されます。jQuery はボックスモデルを無視し、常にボックスの幅/高さを返します。コンテンツ領域 (パディングとボーダーを除く)。

5. offset() の違い:

Zepto は {top, left, width, height} を返しますが、jQuery は {width, height} を返します。

6. Zepto は非表示要素の幅と高さを取得できませんが、jQuery は取得できます。

7. Zepto はプロトタイプの extend メソッドを定義していませんが、jQuery は定義しています。

8. Zepto の各メソッドは配列のみを走査でき、JSON オブジェクトは走査できません。

推奨される関連ビデオチュートリアル:

jQuery ビデオチュートリアル

以上がjqueryとzeptoは同じですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。