最高の軽量 JavaScript フレームワークは何ですか?[閉まっている]
-
09-06-2019 - |
質問
ブラウザの違いを抽象化することを主な目的とする軽量の JavaScript フレームワークを探しています。私は主に新しい UI 要素を作成するためにこれを使用しており、プラットフォームに依存しない言語と DOM を提供するもの以外はあまり必要としません。
他のヒント
私は jQuery を使用しています。シンプルで小さく、何よりも優れています。非常に簡単 :)
質問も参照してください 新しいプロジェクトにはどの JavaScript ライブラリを選択しますか?またその理由は何ですか?
のようだ jQuery が最近一番伸びています。(見る このプレゼンテーション, 、スライド 4)
mooツール 私のお気に入りでもあります。彼らのインターフェースでは、好きなだけ取り出せるので、ツールバッグにさらにトリックを追加したい場合でも、それは非常に簡単です。
私は大ファンです ヤフー!ユーザーインターフェース (YUI) 図書館。DOM 操作に関する優れたセットと、非常に堅牢なウィジェット フレームワークが備わっています。さらに、使いたいものを組み合わせて使用することもできます。
私はJQueryの方が好きです。優れたドキュメントもあります。JQuery
私も好き jQuery 強力なセレクター関数「$」があるため、代替ドキュメントへのリンクを提供したいと考えています。 ビジュアルjQuery
これは、さまざまなライブラリのいくつかを評価するために使用した比較表です。
すべてのライブラリのすべての機能をリストしているわけではありませんが、ニーズを満たすかどうかを確認するためにどのフレームワークをさらに詳しく調べるべきか、選択肢を絞り込むための優れた概要を提供します。
試す DOMアシスタント. 。gzip 圧縮されたのはわずか 7 KB で、非常に高速で、Unicode をサポートしています。
個人的には、クライアント側の仕事をしていたときに、15k バージョンがある JQuery に夢中になりました。多少の学習曲線はありますが、非常にスムーズです。
jQuery は非常に洗練されており、習得が非常に簡単です。私は過去に、基本的な DOM 操作に Moo を使用したことがあります。設置面積は小さくなりますが、機能は少なくなります。あなたにとって最良の選択は、あなたの要件によって決まります。
基本の YUI コード -- yahoo-dom-event.js -- は 31KB で、非常にうまく動作します。あなたはあらゆる種類の素敵なものを手に入れます イベント処理 & DOM 操作, 必要に応じて、より複雑で重いものを追加するのは非常に簡単です。
単なる提案ですが、無理のない範囲で、必要な機能を備え、サイズをあまり気にしないフレームワークを探します。PrototypeJS や JQuery などの最新のフレームワークのほとんどはそれほど大きくなく、バージョンが最小化されています (スペースが削除されているなど)。さらに、これらのライブラリをキャッシュできるようにサイトを構成する必要があります。ユーザーがライブラリをダウンロードする必要があるのは、最初の訪問時、またはブラウザのキャッシュをクリアした後の訪問時だけです。
ライブラリ ファイルに名前を付けるときは、必ず一意のファイル名を使用してください。たとえば、ライブラリのバージョンに基づいてライブラリに名前を付けます。ライブラリの新しいバージョンにアップグレードする必要がある場合は、関連するページから新しいファイル名 (バージョン) を参照するだけです。これにより、短期間の有効期限なしでこれらのファイルをキャッシュできるようになります。
ライブラリ ファイル サイズを回避し、パフォーマンスを向上させるために使用できるキャッシュ手法は他にもたくさんあります。『High Performance Web Sites』 (ISBN:) をお勧めします。0596529309。この本の情報はすべてオンラインで見つけることができますが、この本は必要な情報を 1 か所に集めて、さまざまな概念をつなぎ合わせるのに優れています (私はこの本に金銭的な興味はありません)。
どちらを選択する場合でも、Google にホストしてもらうことを検討してください。
この質問は実際には次の質問と重複しています この質問 (私は思う)。この質問に対する私の答えは次のとおりです (ここでも同様です)。
ここでは百万通りの答えが得られます。短いものは次のとおりです。一つではなく、いくつかあります。これらはすべて、ある点では異なりますが、他の点では似ており、一般に、どれも悪い選択ではありません。私がお勧めする主なフレームワークは次のとおりです (偏見を示さないようにアルファベット順に並べています)。
* Dojo
* jQuery
* MooTools
* Prototype (with Scriptaculous)
* YUI
* MochiKit
それぞれに異なるスタイル、異なるコミュニティ、異なる焦点があります。どちらを選択するかは、主に、これらのフレームワークのスタイルと自分のスタイルを一致させるかどうかの問題です。それぞれのチュートリアルとデモに時間をかけて、自分にとって最も意味のあるものを選択してください。
免責事項として、私は MooTools の開発者であり、その使用方法に関する本を書いたことを指摘しておきます。MooTools が他のフレームワークよりも優れているとは言いません。ただ違うだけ。
JavaScript コードをパックして軽量化することもできるので、どちらを好むかという質問になるかもしれません。私は行きます プロトタイプ - protopacked と呼ばれる利用可能なバージョンがあり、約 20 KB になると思います。
MooTools はかなり注目されています。最近は少し大きくなっているので (基本は 60 KB)、手が届かなくなる可能性があります。
しかし、本当に基本的な DOM を学びたいのであれば、おそらく jQuery が理想的でしょう。
ここで jQuery にもう一度投票します。高速かつ軽量で、学べば学ぶほどコードがより速く、より簡潔になります。
お勧めします ムーツール :-)
var theDiv = new Element('div', {
'id': 'theDiv',
'styles': {
'backgroundColor': '#BF1942',
'color': '#fff'
}
}).toggleClass('someClass').inject($('someSibling', 'after');
コードの読みやすさがとても気に入っています。
私は何年も自分でロールしてきましたが、他の人と一緒にプレイするときは、dojo + jquery から遠く離れてください。mootools (私が見た中で最高の JS ani) + gui または yui キットの組み合わせについては、良いことしか言いません。
私は軽量で拡張可能で強力なオプションとして JQuery に同意します。私の会社は現在 Extjs を使用していますが、これは大規模であり、私たちが行っていることに対してはるかに複雑です。Extjs は、デザイナーを関与させずに簡単にサイトを作成する必要がある場合に最適です (必要なものを作成するためのすべてのグラフィックスとスタイルが付属しています) が、サイズが約 6 MB なので、単純なタスクがさらに面倒になってしまいます :)
もしそれをすべてやり直すことができるとしたら、それは起こり得ることですが、私は JQuery を使用するでしょう。
みどり は軽量の JavaScript フレームワークです (非圧縮でわずか 45K)。DOM 要素にアクセスするためのほとんどの CSS2 および CSS3 セレクターをサポートしており、まったく新しい API を学習する必要はありません。標準の DOM、イベント、Ajax 機能に加えて、基本的な視覚効果、ドラッグ アンド ドロップ、ポップアップ メニュー、オート コンプリートなどもサポートしています。
jQueryは非常に優れています。
ここで提案されているフレームワークのリストに私たちのフレームワークを追加して、他の人が最も気に入ったもの、または使用しているものに投票できるようにできたら、とても素晴らしいでしょう。動的な世論調査/アンケート。
好き jQuery 軽量でありながら非常に強力だからです。
優れものもあります ドキュメンテーション そして チュートリアル 始めましょう。
YUI は私の好みには大きすぎて複雑すぎます。私は以前は Prototype のファンでしたが、新しいプロジェクトで jQuery を使用するようになってからはその輝きを失いました。私が jQuery で気に入っている点は、一貫したメンタル モデルであることです。何かを見つけて、それに基づいて行動する。
私は jQuery がとても気に入ったので、ドキュメントにオフラインでアクセスするためのダッシュボード ウィジェットを作成しました。 jQuery リファレンス ウィジェット
jQuery は最も広く使用されているフレームワークであり、他のユーザーから多くのフィードバックを得ることができるため、小規模な機能強化を行う場合には最適なオプションです。ただし、私自身は jQuery ユーザーではありません。なぜなら、すでに を使用して RIA を開発しているからです。 内線. 。そのため、フレームワークの OO 設計が優れており、jQuery と同じ基本機能 (イベント処理、DOM 操作、Ajax) を提供するため、私は Ext-core (Ext のサブセット) を使用しています。
http://www.extjs.com/products/core/
プロトタイプは拡張するため、一度も使用したことがありません Object.prototype
それがコードにバグを引き起こすのです。