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有如下优点:

  1. 防止js加载阻塞页面渲染
  2. 使用程序调用的方式加载js,按需加载,
  3. 防止冲突、适合多人协作
posted @ 2017-05-14 18:49  lylooooo  阅读(141)  评论(0编辑  收藏  举报