RequireJs 入门
使用方法:
1、引入require.js
可以在底部引入:
<script type="text/javascript" src="js/require.js" data-main="js/main" ></script>
或者放在head中
<script type="text/javascript" src="js/require.js" defer="true" async="true" data-main="js/main" ></script>
async属性表明这个文件需要异步加载,避免网页失去响应。IE不支持这个属性,只支持defer,所以把defer也写上,这个对于提高网页载入速度是挺明显的。
data-main属性的作用是,指定网页程序的主模块,即整个网页的入口代码,这里假设我的主模块main.js
2、定义一个模块(每个Javascript文件应该只定义一个模块):
//demo.js
define(function(){ var demo={}; demo={ add:function(){ console.log('add tinyphp'); }, init:function(){ console.log('init tinyphp'); } } return demo; });
3、主模块调用其他模块
先看下require函数的定义,第一个参数是数组,第二个是回调函数
//main.js
require(['demo'],function(demo){
console.log(demo.add());
})
2024还活着,挺好的,向着星辰与深渊,加油,博客园不要倒下啊!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步