requirejs之一_reuqire 多个-CSDN博客

Reuqirejs之一

简介：

随着网站功能逐渐丰富，网页中的js也变得越来越复杂和臃肿，原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式，我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。总之一句话按需加载，模块开发。下通过一个小例子说明requirejs的优点。

入门小例子

1、创建html文档。Demo.html

<span style="font-size:18px;"><!doctype html>

<html>

         <head>

                   <title>requirejs_1</title>

                   <metacharset="utf-8">

                   <scripttype="text/javascript" src="require.js"></script>

                   <scripttype="text/javascript">

                            require(["demo"]);

                   </script>

         </head>

         <body>

                   <span>body</span>

         </body>

</html>

</span>

2、创建demo.js 使用了块作用域来申明function防止污染全局变量

<span style="font-size:18px;">(function(){

         functionfun1(){

         alert("itworks");

         }

         fun1();

})()</span>

点击页面发现js正常工作了，还要注意一点，这里没有阻止浏览器渲染。

下面说下优点：

1可以按需加载在也不需要在开始引用n多<script></script>文件了

2使用块作用域开发，不会造成js阻塞浏览器渲染