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阻塞浏览器渲染