视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
require'模块化jquery和angular问题
2020-11-27 20:19:06 责编:小采
文档


require 模块化开发问题,正常自己写的模块 是exports 导出一个模块

//模块化引入jquery 不同和问题

require 引入jquery swiper .... 插件和库的时候需要

require.config({
  baseUrl:"js/libs", //文件夹目录相对与html的位置
  paths:{
    'jquery':"jquery-1.9.1" //插件或库的文件名
    'swiper':"文件名/swiper" //当每个插件和库不在同一文件夹下时 这里也可以进行更改
  }
})

define(['angular','swiper'],function($){ //中括号中写上边你保存的插件和库 的变量
//jquer/swiper怎样写这里就怎样写

//如果要返回一个原生的方法需要
var fn=function(){};

//我们需要用json 对象把这个方法返回出去 不向正常用exports导出模块
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'} //需要导出一个名为angular的全局变量
  }
})
define('app',['angular'],function(){ //前边的app是文件名把当前文件变为一个AMD模块
//正常写angular
var app=angular.module('mk',[])
return app;//这个是返回的是angular定义模块

})

下载本文
显示全文
专题