RequireJs 的使用

最新推荐文章于 2024-10-06 10:05:23 发布

转载最新推荐文章于 2024-10-06 10:05:23 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yulingjia/p/7605216.html

文章标签：

#javascript #ViewUI

本文介绍了RequireJS在项目中的应用，包括如何通过RequireJS避免命名冲突、声明依赖关系及实现模块化管理。此外还详细解释了如何配置和使用RequireJS加载jQuery等库，并通过实例演示了如何创建和调用自定义验证模块。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么使用requirejs：

1.有效的防止命名的冲突

2.声明不同js之间的依赖

3.可以让我们的代码以模块化的方式组织

用法：

1.创建一个入口文件main.js（自己随便命名）

然后引入require.js文件并引入入口文件

<script src=’js/requires.js’  data-main=’js/main’></script>

2.然后在main.js中进行操作

requirejs.config({
    paths: {
        jquery:’js/jquery-1.11.3.js’
    }
})

requirejs([‘jquery’],function($){

     //任何进行操作

})

3.模块定义

创建一个功能类似velidate.js，用来写常用的js验证功能

在verify.js中进行定义

define[‘jquery’],function(){
         
　　　　　return {

             isEmpty:function(){},

             checkLength:function(){},

             isEqual:function(str1,str2){

             return str1 == str2

            }

        }
}

然后在main.js中引入这个模块

requirejs([‘jquery’],[‘validate’],function($,validate){

           //判断validate 这个方法是否引入了

           Console.log(validate.isEqual(1,2));

})

//控制台返回的为false

//说明模块成功被定义，可以试用了

转载于:https://www.cnblogs.com/yulingjia/p/7605216.html