JS模块化工具基本使用
2018-02-28 14:32
190 查看
官网地址：http://requirejs.org/docs/download.html
RequireJ是一个非常小巧的JavaScript模块载入工具，是AMD规范的最好实现之一；在浏览器中可以作为js文件的模块加载器。
1.通常情况下我们引入一个js文件的方式如下：
JS文件：
当我们运行上面的例子的时候你可能会注意到alert弹框弹出来的时候页面是一片空白的，当点击确认后才会出现页面结果，这是因为js阻塞浏览器渲染的结果导致的。
2.我们可以使用requirejs的方式编写html
JS代码：
运行上面的代码可以看到alert弹框出现时页面并不是一片控编。
总结：到目前为止，我们可以发现requirejs可以防止js阻塞页面加载，也可以使页面引入js的方式变的更简单。
RequireJ是一个非常小巧的JavaScript模块载入工具，是AMD规范的最好实现之一；在浏览器中可以作为js文件的模块加载器。
1.通常情况下我们引入一个js文件的方式如下：
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="a.js"></script> </head> <body> <span>body</span> </body> </html>
JS文件：
function fun1(){
alert("it works");
}
fun1();当我们运行上面的例子的时候你可能会注意到alert弹框弹出来的时候页面是一片空白的，当点击确认后才会出现页面结果，这是因为js阻塞浏览器渲染的结果导致的。
2.我们可以使用requirejs的方式编写html
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="require.js"></script> <script type="text/javascript"> require(["a"]); </script> </head> <body> <span>body</span> </body> </html>
JS代码：
define(function(){
function fun1(){
alert("it works");
}
fun1();
})运行上面的代码可以看到alert弹框出现时页面并不是一片控编。
总结：到目前为止，我们可以发现requirejs可以防止js阻塞页面加载，也可以使页面引入js的方式变的更简单。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 