js-模块化requirejs
<script src="js/lib/require.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //requirejs 配置 调用config requirejs.config({ //baseUrl 资源的根目录 设置模块的目录 baseUrl:'js', //可以给模块制定别名 paths:{ "a":"app/a", "jquery":["http://apps.bdimg.com/libs/jquery/1.6.4/jquery","lib/jquery1-2.0.3"] } }) requirejs(['a'],function(a){ alert($); // a.h(); }) </script>
define(["jquery"],function(){ function hello(){ alert($); } function world(){ alert("234234weesr") } return { h:hello, w:world } })
解到requireJS有如下优点:
- 防止js加载阻塞页面渲染
- 使用程序调用的方式加载js,按需加载,
- 防止冲突、适合多人协作