首先,定义 main.js  和 事件处理的公共 js main.js 主要是定义引用名称和路径的对应关系 事件绑定模块: 写jsp页面: jsp中先引入 require.js 和 main.js 然后写主模块 require([ 内容 图中的this是传递的参数,这里指的是,被点击的元素的js对象. 然后是 js模块: 其中要注意的是, 1的位置是说,可以在这定义 模块中的公共变量,这样在当前模块的任意方法中都可以像2的位置那样用 _this.变量名  来调用模块公共变量. 3的位置是说,可以…

在你们对requireJs初步了解后,快来看看他们是怎么使用的吧. 在你下载完成require.js插件后,在页面里引入,在require.js 加载完之后,会查找页面上script标签的data-main属性的值,然后加载,data-main指定的js文件, 定义一个a.js: define(function (){ var add = function (x,y){ return x+y; }; return { add: add }; }); 加载方法: require(['math'],…

window.Zepto = Zepto '$' in window || (window.$ = Zepto) if ( typeof define === "function" && define.amd ) { define( "zepto", [], function () { return Zepto; } ); } 只要在zepto.min.js加入以上代码, zepto就支持模块化的写法了…

requirejs的优点: 1.防止在js的加载过程中,阻止页面的渲染: 2.可以引入多个js文件: 3.可以写出重复使用的js模块: 4.有效的防止命名的冲突,通过将变量分装在模块中的方式实现: requirejs的方法: 1.  requirejs.config  用于指定模块的别名,方便模块的引入: 其常用path属性来定义文件的位置: 例如: require.configuration({ paths:{ "jquery":["文件的位置,可以使本地的,也可以使网上的…

前两天跟着叶小钗的博客,看了下RequireJS的源码,大体了解了其中的执行过程.不过在何时进行依赖项的加载,以及具体的代码在何处执行,还没有搞透彻,奈何能力不够,只能先记录一下了. RequireJS的初探 看源码从头开始看,肯定是不切实际的.按照叶小钗的方法,是从data-main开始的,所以我们也从那里开始把! 首先,页面会有一段js标签,会去加载requirejs: <script data-main="test.js" src="lib/require.js&…

使用requirejs实现模块化编程 > 序言 - -# 公司大了,业务多了,前端代码量也逐渐增大,我们渐渐的依赖js实现的交互越来越多,长期以来会导致我们的代码维护越来越困难,所以依赖的插件也越来越多..比如这样页面中有大量的js外链引入.. 这么多的js 占用这么多的请求..虽然放在页面底部不影响页面的正常显示,但是过多的请求会给服务器带来不小的压力,同样后期攻城师维护也不知道到底哪个js才是需要修改的那个了.... 那么下面引入正文 .... 如此多的js请求 ...以及完全不相干的代码.…

> 序言 - -# 公司大了,业务多了,前端代码量也逐渐增大,我们渐渐的依赖js实现的交互越来越多,长期以来会导致我们的代码维护越来越困难,所以依赖的插件也越来越多..比如这样页面中有大量的js外链引入.. 这么多的js 占用这么多的请求..虽然放在页面底部不影响页面的正常显示,但是过多的请求会给服务器带来不小的压力,同样后期攻城师维护也不知道到底哪个js才是需要修改的那个了.... 那么下面引入正文 .... 如此多的js请求 ...以及完全不相干的代码.插件 我们所希望的是能有个东西将这些所…

具体详情请进入官网查阅:http://requirejs.org 一.什么是Requirejs RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一. 二.为什么使用Requirejs 不使用Requirejs之前,我们在开发前端代码时会碰到如下情况: 2.1 代码臃肿 如果页面逻辑较为复杂,需要引入多个js文件,这样会导致页面显得比较臃肿 2.2 控制加载顺序 js文件之间如果存在依赖关系,我们得手动控制js文件的加载顺序. 2.3 全局污染 js开…

//main.js requirejs.config({ baseUrl: 'lib/js',//参照于引入这个js文件的index.html页面的相对路径,因为此时mian.js文件已经导入到了index.html中 paths: { 'jquery': 'jquery-1.8.3.min',//lib/js目录下的文件名,都是js可省略后缀.js 'vue' : 'vue', 'Slide' : 'TouchSlide.1.1' }}); //index.html首先require.js与m…

requirejs.require方法冲突 如果加载了多个requirejs脚本,每个requirejs会判断是否浏览器已经实现了require和define方法.如果浏览器已经自带require和define方法,或者之前已经有一个requirejs脚本执行,那么这个requirejs就会立刻停止执行.所以,即使页面上加载了多次requirejs脚本也不会有什么问题. 配置Context 我把context叫做一个命名空间,因为每一个context都有一个名字,这样同名而功能不同的模块就可以放…