JQuery、Extjs、YUI、Prototype、DojoなどのJSフレームワークの違いと応用シナリオの簡単な説明

ホームページ

ウェブフロントエンド

jsチュートリアル

JQuery、Extjs、YUI、Prototype、DojoなどのJSフレームワークの違いと応用シナリオの簡単な説明_javascriptスキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 06:29 PM

jsフレーム

そのため、JavaScript は Web 開発の最も基本的な要件の 1 つになりました。実際のアジャイル開発では、Native Javascript の面倒な記述を置き換えるために JS フレームワークを選択することが一般的です。これにより、時間が大幅に節約され、作成するコードが明確で便利になることがわかります。（もちろん、私も学生時代、フレームワークを使っても本来のJavaScriptの理解が深まらないのではないかと疑問に思っていました。実はこれは考えすぎです。フレームワークの理解が深まると、ネイティブ JS をより深く理解する賢い開発者になるには、この 2 つは相互に依存しており、Qzone のように、自分のニーズに合わせて JS と CSS フレームワークを開発することが最善の状態です。 Qzone が大きすぎるためです。)

現在、Dojo、Scriptaculous、Prototype、yui-ext、Jquery、Mochikit、mootools、moo.fx などの人気のある JS フレームワークが多数あります。もちろん、私がよく知らないフレームワークもたくさんあるので列挙しません。フォーラムでは、どのフレームワークが優れているのかと多くの人が尋ねるでしょう。どのフレームワークがより素晴らしいですか? どのフレームワーク OO がより快適ですか? webryan 個人的には、これは初心者が犯しやすい論理的な間違いだと思います。世の中のあらゆるものやツールに最適というものはなく、ただ適しているか不向きであるだけです。プロジェクトの実際のニーズに基づいて、関連する機能を備えたフレームワークを選択する必要があります。

1. JQuery

推奨レベル: 5 つ星

使用シナリオ: 任意

ダウンロードアドレス: www.jquery。 com または Google で jquery ダウンロードを検索してください

推奨理由: 現在、私が最もよく使用しているフレームワークです (もちろん、他にもいくつかのフレームワークを開発しています)。個人的に一番オススメです。業界のいくつかのテクノロジーについて話していたとき、xiaonei.com の CTO、Tencent、またはその他の新興 Web2.0 専門家が皆、このフレームワークを推奨していることがわかりました。では、具体的にはどのようなメリットがあるのでしょうか? 1. 小規模 (これはスケールアップ後に深刻な問題になります) 2. シンプル (学習コストは低いですが、効果は高く、マニュアルにはゼロからプロジェクトの完了までを説明するのに十分な明確な例が含まれています) 3. 内部構造はオープンソースであり、ロジックに重点を置いています。 4. 強力な DOM 選択 (実際、ほとんどの場合、JS が DOM を処理します) 5. 優れた UI 拡張 (ここで言及したいのは、Jquery ツールと Jquery UI です。これら 2 つの Jquery を検索できます)。拡張された UI を使用すると、UI が非常にシンプルであることがわかりますが、これは UI のスケーラビリティによるものであり、他のフレームワークと比べても遜色ありません。

2. Extjs

ダウンロードアドレス: http://extjs.com/

使用シナリオ: 内部システム。バックエンドシステム。管理体制等

おすすめレベル: 星 4 つ

おすすめの理由: Extjs は UI デザインが非常に素晴らしいです。したがって、バックエンド管理、社内プロセス、その他の管理システムなどを行う場合、これが間違いなく最良の選択です。なぜ？わずか数行のコードで、強力な機能とオプションのスタイルを備えた非常に美しいフルインターフェイス UI を生成できるからです。私はこのシステムを使用して CMS バックエンドと社内エンタープライズシステムを構築し、人的資源と時間を大幅に節約し、広く評価されました。欠点は、ページに多くのタブが読み込まれると、js が複数のファイルを同時にダウンロードする可能性があることです。簡単に言えば、js のサイズが大きくなります。しかし、バックエンド管理や企業の内部システムでは、これがボトルネックになります。

3. YUI

ダウンロードアドレス: http://developer.yahoo.com/yui/

推奨レベル: 4 つ星

推奨理由: 私は YUI フレームワークを勉強しただけですが、プロジェクトで独自に使用したことがありません。プロジェクトに入ってからは主に先輩たちがYUIを使い、私たちはその後の開発でも以前の役割を引き継ぎました。 QQ ハードドライブとモップの一部のモジュールはずっと前に使用されていましたが、今では誰がまだそれらを使用しているかは非常に明確です。これは Extjs に似ており、UI に多くの利点があります。

使用シナリオ: YUI の各モジュールを分割し、yui の特定の部分を使用して、さまざまなニーズに合わせて独自のモジュールを埋めます。またはネットワークディスクアプリケーションに似たもの。

4. Dojo

ダウンロードアドレス: http://dojotoolkit.org/

推奨レベル: 4 つ星

推奨理由: Dojo は最も強力な JavaScript フレームワークであることを思い出してください。したがって、使用する可能性のあるほぼすべてのものが含まれています。）。 Dojo は、オフラインストレージ、DataGrid、2D、3D グラフィックス、Chart、Comet などのコンポーネントがすべてエンタープライズアプリケーションにとって非常に重要であるため、エンタープライズアプリケーションや製品開発のニーズにより適しています (もちろん、開発にはある程度の時間がかかります)。これらのコンポーネントは安定化します）。たとえば、Dojo は、Mashup テクノロジに基づいて BEA によって開発された製品で使用されています。しかし、これらの機能は必要でしょうか?これほど大きな Web 2.0 製品を作る必要があるでしょうか? これはあなた自身のニーズによって異なります。そして、Dojo の欠点は明らかです。大きすぎ、機能が多すぎ、学習曲線が急すぎることです。しかし、それがエンタープライズアプリケーションに使用される場合、それは水の中のアヒルのようなものです。 IBM などの企業が採用の際に Dojo と Dojo の学習を最優先にしているのはこのためです。

5. プロトタイプ

最も成熟したもの。しかし、個人的にはJqueryに置き換えることができると思います。両者の類似性も比較的高いです。ここで言うことはあまりありません。

6. Mootools

ダウンロードアドレス: http://mootools.net/

推奨レベル: 4 つ星

理由: OO デザイン思考。強力なモジュール性と比較的低い結合度。その UI 効果は Jquery UI よりも優れているという人もいます。まだ UI を使用したことがない場合は、ここではこれ以上説明しません。開発者はデモを参照して、エフェクトやセレクターが適切かどうかを確認できます。

OK、実際のフレームワークはまだ使用され、書かれています。上記を読んでもまだ混乱している場合は、JQuery から始めることをお勧めします。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

如何使用JS和百度地图实现地图平移功能Nov 21, 2023 am 10:00 AM

如何使用JS和百度地图实现地图平移功能百度地图是一款广泛使用的地图服务平台，在Web开发中经常用于展示地理信息、定位等功能。本文将介绍如何使用JS和百度地图API实现地图平移功能，并提供具体的代码示例。一、准备工作使用百度地图API前，首先需要在百度地图开放平台（http://lbsyun.baidu.com/）上申请一个开发者账号，并创建一个应用。创建完成

js字符串转数组Aug 03, 2023 pm 01:34 PM

js字符串转数组的方法：1、使用“split()”方法，可以根据指定的分隔符将字符串分割成数组元素；2、使用“Array.from()”方法，可以将可迭代对象或类数组对象转换成真正的数组；3、使用for循环遍历，将每个字符依次添加到数组中；4、使用“Array.split()”方法，通过调用“Array.prototype.forEach()”将一个字符串拆分成数组的快捷方式。

如何使用JS和百度地图实现地图热力图功能Nov 21, 2023 am 09:33 AM

如何使用JS和百度地图实现地图热力图功能简介：随着互联网和移动设备的迅速发展，地图成为了一种普遍的应用场景。而热力图作为一种可视化的展示方式，能够帮助我们更直观地了解数据的分布情况。本文将介绍如何使用JS和百度地图API来实现地图热力图的功能，并提供具体的代码示例。准备工作：在开始之前，你需要准备以下事项：一个百度开发者账号，并创建一个应用，获取到相应的AP

如何使用JS和百度地图实现地图多边形绘制功能Nov 21, 2023 am 10:53 AM

如何使用JS和百度地图实现地图多边形绘制功能在现代网页开发中，地图应用已经成为常见的功能之一。而地图上绘制多边形，可以帮助我们将特定区域进行标记，方便用户进行查看和分析。本文将介绍如何使用JS和百度地图API实现地图多边形绘制功能，并提供具体的代码示例。首先，我们需要引入百度地图API。可以利用以下代码在HTML文件中导入百度地图API的JavaScript

js中new操作符做了哪些事情Nov 13, 2023 pm 04:05 PM

js中new操作符做了：1、创建一个空对象，这个新对象将成为函数的实例；2、将新对象的原型链接到构造函数的原型对象，这样新对象就可以访问构造函数原型对象中定义的属性和方法；3、将构造函数的作用域赋给新对象，这样新对象就可以通过this关键字来引用构造函数中的属性和方法；4、执行构造函数中的代码，构造函数中的代码将用于初始化新对象的属性和方法；5、如果构造函数中没有返回等等。

用JavaScript模拟实现打字小游戏！Aug 07, 2022 am 10:34 AM

这篇文章主要为大家详细介绍了js实现打字小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。

php可以读js内部的数组吗Jul 12, 2023 pm 03:41 PM

php在特定情况下可以读js内部的数组。其方法是：1、在JavaScript中，创建一个包含需要传递给PHP的数组的变量；2、使用Ajax技术将该数组发送给PHP脚本。可以使用原生的JavaScript代码或者使用基于Ajax的JavaScript库如jQuery等；3、在PHP脚本中，接收传递过来的数组数据，并进行相应的处理即可。