Angularレビュー(1)

1851 ワード

一、先端基礎
HTML:ハイパーテキストタグ言語、ドキュメントレイアウト.
DOM:ドキュメントオブジェクトモデル.
JS:スクリプト言語、解釈実行;動的操作DOM、サーバインタラクション、ユーザーインタラクション.
CSS:積層スタイルシート.
二、Angular前提
TypeScriptのすべての基本概念:JSのスーパーセット、マイクロソフトはECMA-262言語標準のオープンソースを実現し、静的タイプ、古典的なオブジェクト向け言語特性(クラス、継承、インタフェース、名前空間など)のサポートを追加した.
依存注入:1つのクラスのメソッドで他のクラスを使用する場合、直接インスタンス化するのではなく、関数またはメソッドのパラメータを構築することによって伝達され、結合度を低下させる.さらに,メソッドで用いられる他のクラスのメソッドをインタフェースとして抽象化し,インタフェースに注入する.
Node.js:Node.jsはChrome V 8エンジンベースのJavaScript実行環境です. Node.jsはイベント駆動で非ブロックI/Oのモデルを用い,軽量で効率的である. 
  • Angularには、Node.jsバージョン10.9.0以降が必要です.
  • バージョンを確認するには、ターミナル/コンソールウィンドウでnode -vを実行します.
  • Node.jsを取得するにはnodejsに移動します.org.

  • npmパッケージマネージャ:Nodeパッケージマネージャ(npm)はNode.jsが公式に提供するサードパーティ製パッケージ管理ツール.npmはJavaScriptによって完全に実現されるコマンドラインツールで、Node.jsが実行します.
  • Angular、Angular CLI、およびAngularアプリケーションは、npmパケットで提供される特性および機能に依存する.npmパッケージをダウンロードしてインストールするには、npmパッケージマネージャが必要です.
  • Node.jsでデフォルトでインストールされています.
  • npmクライアントがインストールされているかどうかを確認するには、ターミナル/コンソールウィンドウでnpm -vを実行します.

  • 三、Angular取付
    npm install -g @angular/cli;//このコマンドはAngularをインストールし、Angularはコマンドラインで使用し、すべての機能を完了します.
    四、Angularフレームワークに基づくプロジェクトの概要
  • コマンドラインの下でプロジェクトファイルを保存するディレクトリの下に切り替え、コマンド:ng new my-appを実行し、実行後、angularなどの必要なプロファイルを含む基本的なAngularサイトを作成しました.json.
  •   angular.jsonファイルにルートコンポーネントのパスが構成されています.
  • 簡単なウェブサイトで、その機能は1つのページで提供することができて、方式はHTMLページの中の連続的な断片を置き換えることによって、HTML断片は1つのAngularコンポーネント(Component)が生成したのです;HTMLセグメントには、他のコンポーネントで生成されたセグメントを階層的にネストすることができます.コンポーネント間で通信でき、コンポーネントルーティングでコンポーネント間を切り替えることができます.とにかくコンポーネントツリーです.
  • コンポーネントは、サービスを使用してデータと双方向にバインドできます.
  • Serviceは、HttpClientを介してサービス側と通信することができる.
  • アセンブリはAngularの最も主要な基本的な構成要素である.


  • ;;;;;;;;まだ終わっていないので,感覚が砕けてしまった.