JS模块化工具基本使用
2018-02-28 14:32
197 查看
官网地址: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的方式变的更简单。