requireJS 使用方法简单记录

这篇博客介绍了如何利用require.js进行JavaScript模块管理。通过data-main属性指定主模块main.js,require.js会按需加载jQuery和my.js等模块。my.js展示了符合AMD规范的模块定义,提供了一个say()函数。博客提供了require.js配置和使用的基本概念。
摘要由CSDN通过智能技术生成

引入方法

<script src="js/require.min.js" data-main="js/main.js"></script>

data-main属性的作用是,指定网页程序的主模块。在上例中,就是js目录下面的main.js,这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js,所以可以把main.js简写成main。

main.js

/**
 * 配置参数
 */
require.config({

})
/**
 * 使用require引入需要使用的js(符合AMD规范的js文件),默认是和main.js同级目录下
 */
require(['jquery','my'],function ($,my) {
        //在此可以使用引入的jquery.js,my.js
        my.say();
});

my.js

/**
 *符合AMD规范的写法,适合requirejs引入
 */
define(function () {
   function say() {
       alert("this is my.js")
   }
   return {
       say:say
   }
});

详细内容参考:

http://www.ruanyifeng.com/blog/2012/11/require_js.html

https://www.cnblogs.com/HCJJ/p/6611669.html

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

P P PHP

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值