requireJs使用方法项目实例

JS模块化与事件处理
本文详细介绍如何在JS中使用Require.js进行模块化开发,包括main.js配置、事件绑定模块编写,以及在JSP页面中引入JS模块并处理事件。通过实例讲解了如何在模块中定义公共变量和接收参数,特别强调了使用jQuery的attr方法获取自定义属性。

首先,定义 main.js  和 事件处理的公共 js

main.js 主要是定义引用名称和路径的对应关系

 

事件绑定模块:

 

写jsp页面:

jsp中先引入 require.js 和 main.js 然后写主模块 require([ 内容

 图中的this是传递的参数,这里指的是,被点击的元素的js对象。

 

然后是 js模块:

 

其中要注意的是

 

1的位置是说,可以在这定义 模块中的公共变量,这样在当前模块的任意方法中都可以像2的位置那样用 _this.变量名  来调用模块公共变量。

 

3的位置是说,可以这样用一个变量 obj 作为方法参数来接收 jsp 中方法调用时传递过来的参数this(这里参数是 被点击标签的 js 对象),

  这里我们用  $(this) 方式将其转换为 jq 对象,然后调用 attr 方法,来获取我们在 jsp 标签上定义的 自定义 属性 p1 的值

  【要注意:只能用 jq 对象的 attr 方法才能获取到我们在标签上自定义的属性,不可用prop方法

 

转载于:https://www.cnblogs.com/libin6505/p/10025289.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值