簡(jiǎn)單談?wù)剅equire模塊化jquery和angular的問題
更新時(shí)間：2017年06月23日 07:52:30 投稿：jingxian
下面小編就為大家?guī)硪黄?jiǎn)單談?wù)剅equire模塊化jquery和angular的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
require 模塊化開發(fā)問題，正常自己寫的模塊 是exports 導(dǎo)出一個(gè)模塊
//模塊化引入jquery 不同和問題
require 引入jquery swiper .... 插件和庫的時(shí)候需要
require.config({
baseUrl:"js/libs", //文件夾目錄相對(duì)與html的位置
paths:{
'jquery':"jquery-1.9.1" //插件或庫的文件名
'swiper':"文件名/swiper" //當(dāng)每個(gè)插件和庫不在同一文件夾下時(shí) 這里也可以進(jìn)行更改
}
})
define(['angular','swiper'],function($){ //中括號(hào)中寫上邊你保存的插件和庫 的變量
//jquer/swiper怎樣寫這里就怎樣寫
//如果要返回一個(gè)原生的方法需要
var fn=function(){};
//我們需要用json 對(duì)象把這個(gè)方法返回出去 不向正常用exports導(dǎo)出模塊
return {fn:fn}
})
//使用 html: require(['文件名'],function(mod){
mod.fn();//使用return出來的方法
})
//模塊化引入angular開發(fā)問題 angular沒有使用AMD模塊規(guī)范
require.config({
baseUrl:"js/libs", //文件夾目錄相對(duì)與html的位置
paths:{
'angular':"angular.min" //angular文件名
}，
shim:{
'angular':{exports:'angular'} //需要導(dǎo)出一個(gè)名為angular的全局變量
}
})
define('app',['angular'],function(){ //前邊的app是文件名把當(dāng)前文件變?yōu)橐粋€(gè)AMD模塊
//正常寫angular
var app=angular.module('mk',[])
return app；//這個(gè)是返回的是angular定義模塊
})
以上這篇簡(jiǎn)單談?wù)剅equire模塊化jquery和angular的問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
AngularJS的ng Http Request與response格式轉(zhuǎn)換方法
這篇文章主要介紹了AngularJS的ng Http Request與response格式轉(zhuǎn)換方法,結(jié)合實(shí)例形式分析了AngularJS實(shí)現(xiàn)Request與response格式轉(zhuǎn)換操作的相關(guān)設(shè)置與使用技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了Angular17之 Angular自定義指令的相關(guān)知識(shí) ,需要的朋友可以參考下2018-01-01
Angular事件之不同組件間傳遞數(shù)據(jù)的方法
這篇文章主要介紹了Angular事件之不同組件間傳遞數(shù)據(jù)的方法，利用Angular Event在不同組件之間傳遞數(shù)據(jù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要介紹了Angular2 模板語法的相關(guān)資料,非常不錯(cuò)，感興趣的朋友一起學(xué)習(xí)吧，需要的朋友可以參考下2016-08-08
Angular 4.x 動(dòng)態(tài)創(chuàng)建表單實(shí)例
本篇文章主要介紹了Angular 4.x 動(dòng)態(tài)創(chuàng)建表單實(shí)例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
angularJs中$scope數(shù)據(jù)序列化的實(shí)例
今天小編就為大家分享一篇angularJs中$scope數(shù)據(jù)序列化的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Angular實(shí)現(xiàn)購物車計(jì)算示例代碼
本篇文章主要介紹了Angular實(shí)現(xiàn)購物車計(jì)算示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要介紹了Angular2 路由問題修復(fù)詳解的相關(guān)資料,并建了一個(gè)測(cè)試工程，把詳細(xì)的過程分享給大家，需要的朋友可以參考下2017-03-03
本篇文章主要介紹了Angular CLI 安裝和使用教程，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
本篇文章主要介紹了一些AngularJs常用的一些屬性和方法，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-05-05