簡(jiǎn)單談?wù)剅equire模塊化jquery和angular的問題
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)文章
Angular directive遞歸實(shí)現(xiàn)目錄樹結(jié)構(gòu)代碼實(shí)例
本篇文章主要介紹了Angular directive遞歸實(shí)現(xiàn)目錄樹結(jié)構(gòu)代碼實(shí)例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05舉例詳解AngularJS中ngShow和ngHide的使用方法
這篇文章主要介紹了舉例詳解AngularJS中ngShow和ngHide的使用方法,AngularJS是一款非常熱門的JavaScript框架,需要的朋友可以參考下2015-06-06Angularjs的Controller間通信機(jī)制實(shí)例分析
這篇文章主要介紹了Angularjs的Controller間通信機(jī)制,結(jié)合實(shí)例形式分析了Controller通信機(jī)制的原理、實(shí)現(xiàn)技巧與相關(guān)操作技巧,需要的朋友可以參考下2016-11-11詳解Angular調(diào)試技巧之報(bào)錯(cuò)404(not found)
本篇文章主要介紹了詳解Angular調(diào)試技巧之報(bào)錯(cuò)404(not found),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01Angular4學(xué)習(xí)教程之HTML屬性綁定的方法
這篇文章主要給大家介紹了關(guān)于Angular4學(xué)習(xí)教程之HTML屬性綁定的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01在Angular項(xiàng)目使用socket.io實(shí)現(xiàn)通信的方法
這篇文章主要介紹了在Angular項(xiàng)目使用socket.io實(shí)現(xiàn)通信的方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-01-01Angular HMR(熱模塊替換)功能實(shí)現(xiàn)方法
本篇文章主要介紹了Angular HMR(熱模塊替換)功能實(shí)現(xiàn)方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04AngularJS基礎(chǔ) ng-submit 指令簡(jiǎn)單示例
本文主要介紹AngularJS ng-submit 指令,這里對(duì)ng-submit 指令的基礎(chǔ)資料做了詳細(xì)介紹整理,并附有代碼示例,有需要的小伙伴可以參考下2016-08-08