require'模块化jquery和angular问题

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定义模块

})

require'模块化jquery和angular问题

时间: 2024-12-28 16:47:05

require'模块化jquery和angular问题的相关文章

深入理解jQuery、Angular、node中的Promise

最初遇到Promise是在jQuery中,在jQuery1.5版本中引入了Deferred Object,这个异步队列模块用于实现异步任务和回调函数的解耦.为ajax模块.队列模块.ready事件提供基础功能.在用jQuery操作DOM的时候对Promise的使用欲不够强烈,最近学习node和Angular,需要用js写业务逻辑和数据操作代码的时候这种场景需求就出来了.一般来说事件适合在交互场景中运用,因为用户的行为本来就是分散的,而promise这样的流程控制适合在后台逻辑中处理业务. //j

【Angular JS】正确调用JQuery与Angular JS脚本 - 修复Warning: Tired to load angular more than once

自己正在做一个小网站,使用Angular JS + Express JS + Mongo DB,在开发过程中,遇到一些问题,所以整理出来.希望对大家都有帮助. 这是今天解决的一个问题,Angular JS抛出Warning: Tired to load angular more than once. 前端使用的就是Angular JS,同时前端脚本中我也使用了JQuery.以下是二者Script的最初调用顺序, 在public文件夹下的index.html中: 1 <body ng-view>

seajs模块化jQuery与jQuery插件【转】

把jQuery修改成SeaJs的模块代码非常简单,就是用下面这段语句将jQuery源代码包裹起来: define('jquery',[],function(require, exports, module){ //这里放jQuery源代码 module.exports = jQuery; }); 也可以加一个判断,如果define已经被定义,就把jQuery模块化,如果define没有被定义,正常执行jQuery代码: /* * http://julabs.com */ (function(fa

require模块化载入

1,模块化require的载入步骤 1,一个总文件夹,,里面三个子文件夹 ,, 分别是 2,common 里面是放一些公共方法和自己封装的方法     js里面是放自己的业务逻辑js文件和一些模块化的入口和模块化的配置文件   lib里面放的是一些库..和框架的引入地址 3, list.html<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></ti

jQuery或Angular实现弹出框单击显示,双击隐藏

用jQuery实现: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .menu_level1{ width:500px; height:auto; margin:50px auto; } .menu_level1>li{ position: relat

[前端框架搭建]requirejs+jquery+bootstarp+Angular的前端组合框架搭建详解(1)-----框架的引入与选择

在园子里晃了两年多,已经从小白变成了小白白. 这个框架的背景是这样的,公司本身有一套自己的框架,但是由其他部门维护,部门想自己弄一套框架,由自己的人来搞. 刚刚调到架构的我,成功的中枪. 废话少说,我们开始 -----------------------------------------------我是华丽的分割线--------------------------------------------------------------------- 各框架的使用与原因,每一个部分都有他必要存

jquery与angular的交互

HTML: <table class="table table-striped" ng-app="myApp"> <tr> <th>时间</th> <th>教练员</th> <th>学员</th> <th>车牌号</th> <th>SIM</th> <th>经度</th> <th>纬度&l

jquery调用angular函数

<div id="mycontroller" ng-controller="mycontroller"></div> var $scope=angular.element('#editArea').scope(); //通过$scope就可以调用和使用这个controllor的函数和变量了.变量赋值,别忘记 $scope.$apply();

require 模块化

需要引入require.js文件 (自行百度如何引入) 1.创建一个配置文件 config.js 引入需要的文件,路径要正确 举个栗子: 2.在页面调用的 js 文件中引入需要用到的文件名称 需要引用config.js文件 注:要先调用require.js 然后在调用其他 .js 文件 原文地址:https://www.cnblogs.com/sunyang-001/p/10921863.html