require--按需加载js与模块化

最新推荐文章于 2022-03-04 11:56:34 发布

weixin_34302561

最新推荐文章于 2022-03-04 11:56:34 发布

阅读量78

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lbonet/p/6513006.html

本文介绍了如何使用RequireJS进行模块加载及配置，包括简化路径名、加载模块，并展示了定义模块的具体实现方法。

1.html中:

　　　　　　 “<script type="text/javascript" src="js/require.js" data-main="js/main.js" ></script>” 用于连接main.js与加入require；

2.main.js中：

　　　简化路径名

　　　　　requirejs.config({
　　　　　　　　baseUrl: 'js',
　　　　　　　　paths: {
　　　　　　　　c:"lib/s/c",
　　　　　　　　jquery:"jquery-1.7.2",
　　　　　　　　ko:"koi"
　　　　　　　　}
　　　　　　});

　　　　连接模块：

　　　　　　require(["B"],function(ko){
　　　　　　　　　　
　　　　　　});

3.模块化

　　　　A:define(function(){
　　　　　　　function A()

　　　　　　　　{

　　　　　　　　　　alert("a中的一个方法");

　　　　　　　　}
　　　　　　　return {A:A};---------------------返回的A代表A()
　　　　　　})

　　　　　　define(["A","jquery"],function(a,$){-----------------这样也可连接模块
　　　　　　　　function aa(){
　　　　　　　　a.A();--------------------------------这里使用A模块中的A方法
　　　　　　　　$("body").css("background-color","lightgreen");
　　　　　　　　}
　　　　　　　return {a:"t",b:"m",aa:aa};--------------------返回值
　　　　　　})

转载于:https://www.cnblogs.com/lbonet/p/6513006.html