フロントエンドのnode.jsを使ってみる

(創作は簡単ではありません。ありがとうございます。皆さんのサポートが私が前進するための最大のモチベーションです。読んで役に立った場合は、足跡を残してください)

目次

Node.js を始める 

Node.jsとは何ですか?

フロントエンドエンジニアリングとは何ですか?  

Node.js はなぜ JS を実行できるのでしょうか? 

fs モジュール - ファイルの読み取りと書き込み 

パスモジュール - パス処理

URL内のポート番号 

共通サービス手順 

Node.jsのモジュール性

モジュール性とは何ですか? 

CommonJS標準 

ECMAScript Standard - デフォルトのエクスポートとインポート  

パッケージコンセプト  

npm - パッケージマネージャー 

npm - グローバルパッケージノードモン

Node.jsの概要  


Node.js を始める 

Node.jsとは何ですか?

意味:

役割: Node.js を使用してサーバー側プログラムを作成する
        データインターフェースの作成、Webリソースの閲覧機能の提供など。
        フロントエンド エンジニアリング : Vue や React などのフレームワークのその後の学習への道を開く

フロントエンドエンジニアリングとは何ですか?  

フロントエンド エンジニアリング: プロジェクトがオンラインになるまでの開発プロセスに統合されるすべての ツールとテクノロジー
Node.js はフロントエンド エンジニアリングの基礎です (Node.js はフロントエンド コードのコンテンツをアクティブに読み取ることができるため)

Node.js はなぜ JS を実行できるのでしょうか? 

まず第一に、ブラウザはカーネル内の V8 エンジン (C++ プログラム)に依存して JS コードを実行できます。
2 番目: Node.js は Chrome V8 エンジン (実行環境) に基づいてパッケージ化されています。
違い: どちらも ECMAScript 標準構文をサポートしていますが、Node.js には独立した API があります。
注: Node.js 環境には DOM や BOM などがありません。

fs モジュール - ファイルの読み取りと書き込み 

fs モジュール: ローカル ファイル システムと対話するメソッド/プロパティをカプセル化します。
文法:
1. fsモジュールオブジェクト をロードします。
2. ファイルの内容 を書き込みます
3. ファイルの内容を 読み取ります
//1.加载fs模块对象
const fs = require('fs')
//2.写入文件内容
fs.writeFile('./test.txt','hello world',(err)=>{
    if(err){
        console.log(err)
    }
    else{
        console.log('写入成功')
    }
})
//3.读取文件内容
fs.readFile('./test.txt',(err,data)=>{
    if(err){
        console.log(err)
    }
    else{
        console.log(data.toString())
    }
})

 ターミナルは次のように表示されます。                        

パスモジュール - パス処理

推奨事項: Node.js コードでは 絶対パスを使用してください。
補足: __dirname 組み込み変数 (現在のモジュールディレクトリを取得 - 絶対パス)
注: path.join() は、 プラットフォーム固有の区切り文字を区切り文字として使用して、指定されたすべてのパス フラグメントを結合します。
文法:
1. パスモジュールをロードします
2. path.join メソッドを使用してパスを結合します

URL内のポート番号 

URL: URL と呼ばれるユニフォーム リソース ロケーター。サーバー内のリソースにアクセスするために使用されます。
ポート番号:サーバー内のさまざまな機能の サービス プログラムをマークします。
ポート番号の範囲: 0 ~ 65535 の任意の整数
注: http プロトコル、 デフォルトで アクセス ポート 80

共通サービス手順 

Webサービスプログラム :オンライン情報閲覧機能を提供するために使用されます。
注: 0 ~ 1023 および一部の特定のポート番号は占有されています。サービス プログラムは自分で作成します。使用は避けてください。

Node.jsのモジュール性

モジュール性とは何ですか? 

意味:

概念: プロジェクトは多数のモジュール ファイルで構成されています
利点: コードの再利用性の向上、オンデマンドの読み込み、 独立したスコープ
使用:使用するには標準構文の エクスポート インポートが必要です

CommonJS標準 

使用:
1. エクスポート: module.exports = {}
2. インポート: require('モジュール名またはパス')

ECMAScript Standard - デフォルトのエクスポートとインポート  

デフォルトの標準では以下が使用されます。
1. エクスポート: デフォルトのエクスポート {}
2. インポート: 「モジュール名またはパス」から変数名をインポートします。
注: Node.js はデフォルトで CommonJS 標準構文をサポートします
ECMAScript 標準構文を使用するには、実行中のモジュールが配置されているフォルダーに新しい package.json ファイルを作成し、次のように設定します。
{ "タイプ" : "モジュール" }

パッケージコンセプト  

パッケージ:モジュール、コード、その他のマテリアルを1 つのフォルダーに集約します。

パッケージ分類:
         プロジェクト パッケージ: 主にプロジェクトとビジネス ロジックを作成するために使用されます。
         パッケージ: 使用する ツールとメソッドをカプセル化します。
要件: ルート ディレクトリに、package.json ファイル (パッケージ マニフェスト情報を記録する) が存在する必要があります。
注: パッケージをインポートする場合、インポートされるデフォルトは、index.js module file/main 属性で指定されたモジュール ファイルです。

npm - パッケージマネージャー 

意味:

使用:
1. マニフェスト ファイルを初期化します: npm init -y (package.json ファイルを取得します。存在する場合はこのコマンドをスキップします)
2. パッケージをダウンロードする
: npm i パッケージ名
3. ソフトウェアパッケージを使用する

npm - グローバルパッケージノードモン

パッケージの違い:
➢ローカル ソフトウェア パッケージ: 現在のプロジェクト で使用され、 プロパティとメソッドをカプセル化し 、node_modules に存在します。
➢グローバル ソフトウェア パッケージ: このマシンの すべてのプロジェクトで使用され、 コマンドとツールがパッケージ化 され、システムによって設定された場所に存在します。
nodemon の役割: ノード コマンドを置き換え、コード変更を検出し、プログラムを自動的に再起動します。
使用:
1. インストール: npm i nodemon -g (-g はグローバル環境へのインストールを表します)
2. 実行:nodemon によって実行されるターゲットの js ファイル

Node.jsの概要  

Node.js のモジュール性:
概念: 各ファイルはモジュール、独立したスコープとして扱われ、オンデマンドでロードされます。
使用: 特定の標準構文を使用して使用するためのエクスポートとインポート

CommonJS 標準: 通常、Node.js プロジェクト環境に適用されます。
ECMAScript 標準: 一般的にフロントエンド エンジニアリング プロジェクトで使用されます。
Node.js パッケージ:
コンセプト: モジュール ファイル、コード ファイル、その他のマテリアルを 1 つのフォルダーに集約
プロジェクト パッケージ:プロジェクト要件と ビジネス ロジックを記述する ためのフォルダー
パッケージ:使用する ツールとメソッド をカプセル化するフォルダー(通常は npm で管理)
✓ローカル ソフトウェア パッケージ: 現在の プロジェクトに作用し、通常はカプセル化された プロパティ/メソッドを使用し て、ビジネス要件を記述するためのプロジェクト呼び出しを行います。
✓グローバル ソフトウェア パッケージ: すべての プロジェクトに作用し、通常はパッケージ化された コマンド/ツールで 、プロジェクトの運用をサポートします。

一般的なコマンド: 

おすすめ

転載: blog.csdn.net/weixin_73295475/article/details/131759780