関連するモジュールの基本事項

この記事では、モジュール化の基本と、この分野の関連知識を理解する方法について詳しく説明します。

なぜモジュール性を使用するのですか?

名前の競合を解決し、世界的な汚染を回避します

依存関係管理を解決します

コードの可読性を向上させます

コードの分離と再利用性を向上させます

CMD、AMD、および CommonJS 仕様は何を参照していますか? CMD は Common Module Definition であり、主に sea.js のプロモーションプロセスにおけるモジュール定義の標準化された出力であり、ファイル名をモジュール ID として使用することがよくあります。近くの依存関係を推奨します。メイン アプリケーションは sea.js です。例:

define(function(require,exports,module){
    var $ = require('jquery.js')
    $('div').addClass('active');

});//cmd は近くの依存関係を推奨するため、依存関係は関数で記述されます。require はメソッドであり、exports はオブジェクトであり、外部インターフェイス、モジュールを提供します。 is 現在のモジュールに関連するプロパティとメソッドを格納するオブジェクトです。

AMDは、主にrequire.jsのプロモーションプロセス中のモジュール定義の標準化された出力であり、多数のjsファイルをロードする際のページ待機の問題を解決します。事前配置、メイン アプリケーションは require.js です、例:

define('modal',['jQuery'],function($){
    $('modal').show();

})//define は定義キーワード、modal は定義されたモジュール名、通常は省略可能、[] にはロードされる依存モジュールが含まれます。コールバック関数を使って。

CommonJSとは主にブラウザ側で動作するモジュール仕様を指し、その主な応用例はnode.jsです。

ファイルはモジュールに対応し、各モジュールには個別のスコープがあり、ロードされたモジュールは同期的にロードされます。

モジュールにはエクスポートが 1 つだけあり、そのモジュールが出力したいオブジェクトを module.exports オブジェクトに置きます。

requireメソッドを使用してモジュールをロードします。例:

//模块定义  myMode.jsvar name = 'jiuyi';function printName(){    console.log(name);
}
functionprintFullName(firstName){
    consoele.log(firstName+name);
}module.erports = {    printName: printName,    printFullName: printFullName
}//加载模块var nameModule = require('./myMode.js')
nameModule.printName();

次の requirejs 設定では、baseUrl の役割は何ですか?基礎は何ですか? パスの役割と使用法は何ですか?

requirejs.config({  baseUrl: "src/js",  
  paths: {    'jquery': 'lib/bower_components/jquery/dist/jquery.min'
  }
});

baseUrlの役割は、htmlが配置されているパスに基づいて、JSファイルをロードするためのベースパスを設定することです。 BaseUrl ベース パスに加えて、いくつかのベース パス。baseUrl パスに基づく特定のファイルへのパス。

次のr.jsパッケージング設定のbaseUrlとは何ですか? nameとは何ですか

({
    baseUrl: "./src/js",
    paths: {        'jquery': 'lib/bower_components/jquery/dist/jquery.min'
    },
    name: "main",
    out: "dist/js/merge.js"})

ここでbaseUrlは、独自のファイルパスに基づいたrequire.jsの設定ファイルのbaseUrlを指します

nameは入り口の名前を指しますメインモジュール

out は、パッケージ化された出力のパスを指します

この記事では、モジュール化に関する基礎知識について説明します。さらに関連した知識が必要な場合は、PHP 中国語 Web サイトを参照してください。

関連する推奨事項:

dom オブジェクトの innerText と innerHTML の違いは何ですか?

JSに関するいくつかの基本的な質問

require.jsをフロントエンドjsでモジュール化する方法

以上が関連するモジュールの基本事項の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。