Zepto


Zepto
Zeptoは、比較的議論のあるフレームワークで、最近ずっとモバイル端末のページ開発をしていて、ずっとこのフレームワークを使っています.今日はこんなに長いフレームワークを使ってこのZeptoについて話しています.
Zeptoとは何ですか.
Zeptoは、jqueryと似たようなapiを持つ現代の高級ブラウザ向けのJavaScriptライブラリの軽量級です.jqueryが使用される場合はzeptoも使用されますが、ここからZeptoは比較的新しいフレームワークであり、jqueryよりずっと小さく、20 KB以上しかないことがわかり、実現しました.jqueryは一部の機能しか言えません.
Zepto-jquery比較:
Zeptoはミニ版jQueryと呼ばれ、モバイル端末dom操作ライブラリの第一選択となっている.
実際、zeptoはjQueryの名声を借りただけで、基本的に一致したAPIを維持していることが多く、その内部実現はすでに姿を消している.
エレンはjQueryを分析して、私はしばらくその能力がjQueryを分析することがなくて、ここで恥知らずにzeptoのソースコードに対する理解を言います.
コアコードは1000行未満で、モバイル端末の市場を急速に占領した.
エレンが言ったように、jQueryは狭義にはdom操作ライブラリです.
zeptoはこの点を大きく発揚し、ブラウザ互換性の風呂敷を捨て、CSS 3の接頭辞さえ加わらないなどの要因がzeptoの小さな事実を生んだ.
Zepto-jqueryのパフォーマンス:
ずっとzeptoの性能という問題に悩んでいて、ある人はzeptoが体積が小さくて、性能が良いと言って、それからまた国外の1つの招待状を見て、体積が小さい以外に、性能はjqueryよりずっと悪いと言っています.人によって言い方が違っていて、どれを選べばいいのか分からない.PCブラウザと携帯ブラウザでテストした結果、zeptoの効率は確かに低く、体積が小さい以外に何の優位性もなく、jqueryの性能の差はzeptoの2.5倍ではない.必ずこの観念を解消しなければならない.体積が小さいのではなく、効率が高い.
Zeptoのいくつかのコアのコンポーネントはどれですか.
zeptoは現在もモジュール分割を採用しており、このように読むとコードが非常に明確で、敷居も低く、zeptoコアモジュール全体が900行以内に保たれている.
彼がdomライブラリの特徴をよく発揮したのは、900行がdom操作の仕事をしているからだ.
コアモジュールには、次のセクションがあります.
①閉パッケージ変数、ツールクラスメソッド定義
この部分は主に後のサービスです.例えばisFunction/isPlainObject/childrenです.
特別な変数の1つは
zepto = {};

②zeptoとjQueryの$
zeptoの第2段階でやったことはクラスを定義することです
$ = function(selector, context){
return zepto.init(selector, context)
}

③zeptoとjQueryの$.fn
私たちはjQueryの$を知っています.fnはjQueryを指す.prototypeのプロトタイプオブジェクト、zeptoのfnは単純なオブジェクトです
$.fn = {};
ここで重要なコードは次のとおりです.
domArr.__proto__ = $.fn;

あといくつかは一つ一つ書かない.
Zeptoがそうである以上、なぜそれを使うのでしょうか.
彼はモバイルデバイスに適用され、デスクトップブラウザはieシリーズを除いて
彼はjqueryのAPIと互換性があるので、勉強したり使ったりするのは難しくありません.彼がjqueryより優れているのは
1.彼は十分に小さくて、21 kぐらいで、機能はすべてそろっています(ここの機能はいくつかの比較的実用的な効果とインタフェースを実現することを言っているだけです).
2.モバイルデバイスのタッチなどのイベントを追加し、jquery mobileなどの他の携帯電話フレームワークを再導入する必要はありません.
3.ieと互換性がないが、互換性のある方法を提供する
まとめ:Zeptoは確かに軽量級の移動端jsフレームワークであり、jqueryのような煩雑で役に立たない機能モジュールを取り除き、jqueryに基づいてフォローアップし、大部分の時間移動端に必要な効果と機能、学習と入手が速く、不便な点は、jqueryやjquery mobileが強くなくcss 3アニメーション効果があり、遊覧機の互換性など、一つのフレームワークの新着にはいつも彼のメリットと問題があるので、個人のニーズを見て決める必要があります.