1. ホーム
  2. javascript

[解決済み] AngularJSとjQueryの違いについて

2022-03-27 12:18:03

質問

私は1つのjsライブラリしか知らないのですが、それは jQuery .

しかし、私のグループ内の他のコーダーは、以下のように変更しています。 アンギュラーJS を新しいプロジェクトのデフォルトライブラリとして使用します。

私はそれについて何も知りません。jQueryとどう違うのですか?

私はすでにjQueryで同様のタスクのために行われた一連の関数を持っています。AngularJSでjQueryのものを使うことはできますか?

どのように解決するのですか?

  1. Angular 1がフレームワークであったのに対し、Angular 2は プラットフォーム . ( レフ )

Angular2には、画面上にデータを表示するだけでなく、開発者向けの機能もあります。例えば、Angular2のcliツールを使えば、コードをプリコンパイルし、必要なjavascriptコードを生成することができます(quot; pre-compile" )。 ツリーシェイキング をダウンロードすることで、ダウンロードサイズを35Kishに縮小することができます。

  1. Angular2がエミュレートしたShadow DOM。( レフ )

これは、SEOの問題に対処し、ブラウザ上で動作しないNativescriptなどと連携できるサーバーレンダリングの扉を開くものです。

  • 公式ドキュメントサイト

  • ng-conf 2016の初日キーノート

  • リソースリンク オリジナル 基本的に、jQueryはDOM要素を操作するための素晴らしいツールです。 もしあなたが、WebアプリケーションではなくWebサイトを構築するように、DOM要素にのみ焦点を当て、データCRUDを行わないのであれば、jQueryはトップツールの1つです。(この目的にはAngularJSを使うこともできます。)

AngularJSは フレームワーク . 以下のような特徴があります。

  1. 双方向のデータバインディング
  2. MVWパターン(MVC的なもの)
  3. テンプレート
  4. カスタムディレクティブ(再利用可能なコンポーネント、カスタムマークアップ)
  5. RESTフレンドリー
  6. ディープリンク(任意の動的ページへのリンク設定)
  7. フォームバリデーション
  8. サーバー通信
  9. ローカライゼーション
  10. 依存性注入
  11. 完全なテスト環境(ユニット、e2e両方)

ここをチェック プレゼンテーション と、この 紹介文

公式サイトもご覧ください。 デベロッパーガイド

または、これらの素晴らしいものから学ぶことができます。 ビデオチュートリアル

もっとチュートリアルビデオを見たい場合は、この投稿をチェックしてください。 60以上のAngularJSチュートリアルのベストコレクション .

AngularJSでjQueryを問題なく使用することができます。

実際、AngularJSではその中でjQuery liteが使われています。

から よくある質問

AngularはjQueryライブラリを使用していますか?

はい、Angularは、アプリにjQueryが存在する場合、jQueryを使用することができます。 アプリケーションをブートストラップしています。jQueryが スクリプトパスは、Angular独自の実装にフォールバックします。 jQLiteと呼んでいるjQueryのサブセットです。

ただし、AngularJSのコントローラでDOMを変更するためにjQueryを使おうとはしないでください、ディレクティブで行います。

更新しました。

Angular2がリリースされました。 これ は、手始めとして素晴らしいリソースのリストです。