ノードの基礎学習：フロントエンドについて知っておくべきこと【まとめ】

この記事では、nodeの基礎知識を中心に、フロントエンドが知っておくべきnodejsの知識をまとめて共有しますので、皆様のお役に立てれば幸いです。

フロントエンド開発でもバックエンド開発でも、自分の分野に限定されるべきではないと個人的には思っています。完璧にすることはできますが、何も考えずに学習すると混乱につながることも知っておく必要があるため、フロントエンドと最も関係の深いサーバーサイドの知識を理解する必要があります。フロントエンド開発者がバックエンドをより迅速に理解できる方法を提供すると言えます。以下は、フロントエンドの観点から nodejs を学習した私の経験の一部です。

基本機能

nodejs をすばやく理解するには、次の側面を見てください: ノードのモジュールの概念 (ECMAScript2015 はフロントエンドをサポートしており、理解しやすい) 、V8エンジン（ブラウザと同じ）、非同期操作（v8ベースでブラウザの処理とは若干異なる）、イベントドリブン（v8ベースでブラウザとは若干異なる）、ノード基本API。 [関連チュートリアルの推奨事項: nodejs ビデオ チュートリアル 、プログラミング教育 ]

module

nodejsモジュールは、コアモジュール、サードパーティモジュール、カスタムモジュールの 3 種類に大別できます。各モジュールには異なるロード優先順位があります。

• コア モジュール: nodejs 組み込みモジュール。一般的に使用されるパス os fs など、nodejs の基本 API として理解できます。これらのモジュールは、nodejs がサーバーと対話するための基礎でもあります。
• サードパーティ モジュール:nodejs パッケージ管理ツール プラットフォームによってインストールされる npm パッケージ。
• カスタム モジュール: これは通常、独自に定義したファイル モジュールを表します。

モジュールのロードとコンパイル

• ファイル解析パス: キャッシュが存在するかどうかを確認=>>コア モジュールであるかどうかを確認=>>拡張子を確認= 》 解析の実行 (異なるサフィックス名による)

//检查fs内存中的缓存是否存在如果不存在则加载fs模块
let fs = require("fs")
//检查fs内存中的缓存(无)=》检查是否核心模块=》检查扩展名
let demo = require("./demo")

• キャッシュ優先原則: ファイル解析パスから、nodejs はまずメモリ内にキャッシュが存在するかどうかを確認し、キャッシュが存在する場合は、キャッシュをロードします。
• モジュールのコンパイル: この記事ではこのプロセスについては説明しません。次の章でこのプロセスについて詳しく説明します。

規格

JavaScript モジュール開発の基本概念は次のとおりです。 「スクリプト」の導入 => スコープ関数 => 自己実行関数 => Commonjs (AMD)。 nodejsのモジュールは主に以下のcommonjsの仕様を採用しています。

• 各ファイルはモジュールであり、独自のスコープを持ちます。
• 各ファイルで定義された変数、関数、およびクラスはプライベートであり、他のファイルからは見えません
• 各モジュールには、exports または module.exports を通じてアクセスできます。 外部公開インターフェイス
• 各モジュールは、require

を通じて別のモジュールをロードします。通常、nodejs module.exports で require エクスポートを使用します。これは Commonjs に基づいています。

非同期操作

非同期操作はフロントエンド開発にとって理解しやすいものであり、非同期操作、コールバック関数、Promise が豊富にあります。 JavaScript では、setTimeout、これらはすべて非同期関連の操作です。最も基本的な DOM レンダリングも非同期です。これは、nodejs と JavaScript の間で最も密接に関連する領域です。ただし、これら 2 つの処理方法にはいくつかの違いがあることに注意してください。違いについてはここでは説明しません。後で更新されます。以下は、ノードの非同期特性の簡単な説明です。

• 非同期は、マクロ タスクとマイクロ タスクの概念を含むイベント ループによって実現されます。
• ノードと JavaScript には、いくつかの機能があります。非同期処理の違い 違い

インターネット上にあるイベント ループの画像:

V8 エンジン

• V8 は、Google Chrome を駆動する JavaScript エンジンの名前です。これは JavaScript を取得し、Chrome でブラウジング中に実行するものです。
• Nodejs では v8 が使用されており、ファイルの読み書き、ネットワーク リクエスト、システム情報など、呼び出し可能なさまざまな API が提供されています。一方、CPU はマシン コードを実行するため、JavaScript コードを実行する一連のマシン命令に解釈する役割も担います。この部分の作業は # によって実行されます。 ##V8 エンジン 完全な

nodejs のコアは V8 です。v8 は、JavaScript をマシンが認識できる言語にコンパイルするために使用されます

#イベント ドリブンイベント ドリブンは、実際にはソフトウェア アーキテクチャで一般的に使用されるアーキテクチャ パターンです。簡単に言うと、イベントを作成 (登録) し、イベントをリッスンします。イベントのステータスに応じて処理します。 nodejs のコア API のほとんどは、慣用的な非同期イベント駆動型アーキテクチャを中心に構築されており、さらに、node のコア モジュール イベントを使用してカスタム イベントを作成できます。

共通 API

• fs: ファイルの表示、編集、作成、その他の操作によく使用されます
• http: キーネットワークへのモジュール
• socket: ソケット ネットワーク通信
• events: イベント モジュール

アプリケーション シナリオ

• #バックグラウンド サービス
• スクリプト処理

サーバー側

nodejs が登場した最初の数年間は、は、nodejs を使用するかどうかに関する質問でした。実稼働環境では、ほとんどの開発者はそれについて楽観的ではありません。ただし、近年の実践により、同時実行性の高いシナリオを処理する際の Nodejs のシングルスレッド アプリケーションは十分にテストされています。現在、オンライン製品には、nodejs ベースのサービスが多数あります。さらに、nodejs には Java Spring に似た多くの安定したサーバー側フレームワークもあります。一般的に使用されるものをいくつか紹介します

• Koa: Onion モデル開発モデル
• Express: Routing as the core サーバーサイドの nodejs フレームワーク
• Fastify: 消費するリソースが非常に少なく、非常に高速なフレームワークで、現在、最も高速なフレームワークです。

#注: さまざまなビジネス タイプに対応する多くのフレームワークがあります。興味がある場合は、それらについて学ぶことができます。

ツール

開発に vue または React ファミリー バケットを使用するとき、なぜ 1 行のコマンドでフロントエンド サービスを実行できるのか考えたことはありますか? 1 行のコマンドでフロントエンドをコンパイルできるのはなぜですか?なぜ Vue コードは大量の js を出力することになったのでしょうか? これらの関数のソース コードを調べると、これらの機能のほぼすべてが nodejs に基づいて開発されていることがわかります。以下に、日常のツールでの nodejs の使用をリストします。

• ローカル サービス: webpack によって有効になるローカル サービス プラグインはすべて、nodejs の http モジュールに基づいて実装されます
• コンパイルとパッケージ化: vue の .vue ファイル、react の jsx または一般的なもの.ts ファイルを使用しました どのようにして最終的に js ファイルになったのでしょうか? 誰もがそれが webpack だったと考えています。実際、webpack 全体は nodejs に基づいています。ファイルをコンパイルする機能は、nodejs の fs モジュールと密接に関連しています。

まとめ

フロントエンドの観点から、nodejs の基本について大まかに説明しましたが、それぞれのポイントを個別に取り出して、多くのことを説明できます。ここで皆さんに知っておいていただきたいのは、その後の学習を容易にするために、ノードについての一般的な理解を持っておくことです。現在、nodejs を使用したプロジェクトを数多く完了していますが、さらに使い込むと、フロントエンドの技術開発をより広い視点で見ることができるようになります。

ノード関連の知識の詳細については、nodejs チュートリアル を参照してください。

以上がノードの基礎学習：フロントエンドについて知っておくべきこと【まとめ】の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。