利用require.js实现javascript模块化加载
这种引入很看到很想死吧!
<script src="1.js"></script> <script src="2.js"></script> <script src="3.js"></script> <script src="4.js"></script> <script src="5.js"></script> <script src="6.js"></script>
require.js可以很好的优化这个问题:
1、下载require.js http://requirejs.org/docs/download.html
2、用法
如果放底部
<script src="js/require.js"></script>
如果放头部
<script src="js/require.js" defer async="true" ></script>
指定主程序为main.js
<script src="js/require.js" data-main="js/main"></script>
3、主模块写法
// main.js require(['moduleA', 'moduleB', 'moduleC'], function (moduleA, moduleB, moduleC){ // some code here });
原来的:
<!DOCTYPE html> <html lang="zh-cn"> <head> <title>html</title> </head> <body> <script type="text/javascript" src="js/m1.js"></script> <script type="text/javascript" src="js/m2.js"></script> <script type="text/javascript" src="js/m3.js"></script> <script type="text/javascript" src="js/m4.js"></script> </body> </html>
就可以改为:
<!DOCTYPE html> <html lang="zh-cn"> <head> <title>html</title> </head> <body> <script src="js/require.js" data-main="js/main"></script> </body> </html>
//main.js
require(['m1','m2','m3','m4'],function(m1,m2,m3,m4){
});
2024还活着,挺好的,向着星辰与深渊,加油,博客园不要倒下啊!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 上周热点回顾(1.20-1.26)