ホームページ >ウェブフロントエンド >jsチュートリアル >require' モジュラー jquery と角度の問題

require' モジュラー jquery と角度の問題

巴扎黑
巴扎黑オリジナル
2017-06-23 10:54:15984ブラウズ

require モジュール開発の問題、通常、作成したモジュールはモジュールをエクスポートするためのエクスポートです

//jquery のモジュール導入との違いと問題点

require jquery Swiper の導入.... プラグインとライブラリが必要です

require .config( {
BaseUrl:"js/libs", //html
パスに対する相対的なフォルダー ディレクトリの場所:{
ファイル名/swiper" //各プラグインの実行時にここで変更を行うこともできますとライブラリは同じフォルダ内にありません
}
})

define(['angular','swiper'],function($){ // 上記で保存したプラグインとライブラリの変数を角括弧内に書きます
//jquer/swiper がどのように書くかをここに書いてください

//ネイティブ メソッドを返したい場合は、
var fn=function(){};

/ /これを返すには json オブジェクトを使用する必要がありますメソッドを使用し、モジュールを通常のエクスポートにエクスポートしません
return {fn:fn}
})

//htmlを使用します: require(['ファイル名'], function(mod){
mod.fn();//使用しますreturn メソッド
})

//モジュール化により Angular 開発の問題が発生します Angular は AMD モジュール仕様を使用しません

require.config({
baseUrl:"js/libs", // HTML に対する相対的なフォルダー ディレクトリの場所
Paths:{
'angular': "angular.min" // Angular ファイル名
},
shim: {
'angular': {exports:'angular'} // グローバル変数をエクスポートする必要がありますnamed angular
}
})
define('app',['angular'],function(){ //先頭のアプリは現在のファイルをAMDモジュールに変換するためのファイル名です
//通常の書き方 angular
var app=angular.module('mk',[])
return app; // これは angular 定義モジュールを返します

})

以上がrequire' モジュラー jquery と角度の問題の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。