Angular 開発 - Angular の概要 (01)

I. 概要

  • 角度とは
  • AngularJS と Angular の関係
  • 角度のある特徴
  • 角度の歴史
  • Angular 学習のアドバイス

2 角度とは何か

  • Angular ([ˈæŋɡjələr] と発音) は、ユーザー インターフェイスを構築するための JavaScript フレームワークです。Google によって開発および保守されており、主にシングルページ アプリケーションの開発に使用されます。
  • Vue.js に似ています (MVVM データ駆動型ビューのアイデア、コンポーネント化、モジュール化、命令など)
  • Google によって開発および保守されています
  • シングルページアプリケーション(SPA)の開発

3 つの AngularJS と Angular の関係

AngularJS 角度のある
Webサイト https://angularjs.org/ https://angular.io/
インターフェース

4 つの Angular 機能

Vue.js と同様に、次の機能があります。

  • MVVM
  • コンポーネント化
  • 基本単位
  • 命令
  • 仕える
  • 依存性注入
  • TypeScript

5 つの Angular 開発の歴史

5.1 起源

  • 2009 年、Misko hevery と Adam abrons は暇なときにGetAngularを構築しました
  • Misko hevery は、Google 内のプロジェクトである Feedback を引き継ぎました。このプロジェクトは、6 か月間繰り返した結果、コードが 17,000 行に達しました。プロジェクトの開発と保守は非常に困難になります。そこで、Misko はGetAngularを使用してプロジェクトを書き直すことにしました。
  • 結果としてその人は成功し、GetAngular を使用した後、プロジェクトは 17,000 行から 1,500 行に減り、前後でわずか 3 週間しかかかりませんでした。
  • Misko のリーダーは、この若者が素晴らしいことに気づき、GetAngularによってもたらされる商業的価値にも気づいたので、 GetAngular をプロジェクトとして正式に設立し、開発と保守を行うフルタイムのチームを組織することにしました。
  • Abrons 氏は後にプロジェクトを離れましたが、Hevery 氏と、Google で働いていた Igor Minar 氏や Vojta Jina 氏などの一部の Google 従業員は、このライブラリの開発と保守を続けました。
  • これは個人的なプロジェクトではなくなったため、開発チームはGetAngular の名前をAngularJSに変更しました。

5.2 AngularJS 開発の反復

これまでのところ、AngularJS は長い開発反復段階に入っています

  • 3 年間の開発を経て、AugularJS は 2012 年 6 月にバージョン 1.0.0 として正式にリリースされました。
  • AngularJS バージョン 1.2 以降は IE6 および 7 をサポートしなくなりました
  • AngularJS は 1.3 以降、IE8 をサポートしなくなりました
  • AngularJS は 1.5 でコンポーネントのような開発メソッドを追加しました (Angular2 への移行への道を開くため)
  • AngularJS 1.xx は現在 1.8.3 にリリースされており、2022 年にメンテナンスが終了します。

5.3 ジレンマ

  • 非常に中傷されているパフォーマンスの問題 (ダーティ チェック)
  • 現在のWeb開発の考え方の背景(コンポーネント化、モジュールサポートが良くないなど)
  • モバイルサポートにはあまりフレンドリーではありません

5.4 Angular2 が判明

  • Angular 1.x は問題が多すぎ、歴史的な負担が多すぎるため、リファクタリングはほぼ不可能です
  • しかし、2014 年 3 月の時点で、公式ブログは Angular の新しいバージョンを開発する計画について言及していました。
  • 2014 年 9 月下旬のカンファレンスで、Angular2 が正式にデビューしました
  • 2016 年 9 月 15 日、Angular2 が正式にリリースされました
  • ng2 は ng1 をほぼ完全に書き換えているため、2 以降の正式バージョンは Angular と呼ばれます。
  • Angular2 後のロゴ:A

5.5 Angular1 から Angular2 へのアップグレード? (ng2 と ng1 の比較)

  • control+$scopeの設計手法を廃止し、現在主流のコンポーネントベースの構築に切り替えました。
  • ng1よりも優れたパフォーマンス
  • モバイルファーストのデザイン
  • 将来の標準にさらに準拠 (EcmaScript 6、Web コンポーネント)
  • TypeScript
  • とにかくモダンで良いです

5.6 ステータス

  • Angular2 以降、公式は後続のバージョンが Angular2 と互換性があることを約束しています
  • 最新の Angular リリース バージョンは v16.xx です。
  • Angular の新しいバージョンも GitHub で収集されます88k+
  • React や Vue よりも使用量が少ない

Angular 学習に関する 6 つの提案

  • 公式ドキュメントを読む
  • デモテストを書く
  • 練習用の小さなプロジェクトを作成する
  • 実際のプロジェクト開発体験に参加
  • 時間とともに...

7 つの参考文献

おすすめ

転載: blog.csdn.net/Calvin_zhou/article/details/130654908