requirejs

前几天分享了一篇requirejs的规范,但是某位童鞋还是理解起来有点困难, 没办法,那今天再来详细的介绍一下,requirejs最简单的模板引用 首先要了解啥是模板,还有我为甚要引用模板? 相信好多童鞋都遇到过在web开发的时候,有一块或者多块布局在很多页面上会重复用到, 比如说:顶上的导航栏,侧边的功能栏,底部的链接区域..... 这些在网页上会经常被用到,而他们的元素以及样式基本上是不会有变化的, 当然,最简单粗暴的方式就是每个页面我都手动加上去(说实话,其实就是傻b....) 而我们有了requirejs之后就可以不用写这么龊的coding了 好啦,介绍过了原因,下面就讲一下怎么使用吧 1.在项目中把requirejs给down下来 bower install requirejs --save 还有一个插件也一起down下来,不要问为什么,后面你就知道啦 bower install text --save 2.然后配置一下requirejs,新建一个app.js文件 requirejs.config({ baseUrl:'/bower_components/',//基础路径 paths:{//需要加载的类库文件 'text':'text/text', 'jquery':'jquery/dist/jquery.min' }, shim:{ 'jquery':{/

一,模块化开发: 定义: 所谓的模块化开发就是封装细节，提供使用接口，彼此之间互不影响，每个模块都是实现某一特定的功能。模块化开发的基础就是函数 使用函数封装: function func1 ( ) { 　　　　 //... } function func2 ( ) { 　　　　 //... } 注释 : 上面的函数func1 ()和func2 ()，组成一个模块。使用的时候，直接调用就行了。这种做法的缺点很明显：影响了全局变量，无法保证不与其他模块发生变量名冲突，而且模块成员之间看不出直接关系。 立即执行函数的写法: 使用"立即执行函数"（Immediately-Invoked FunctionExpression，IIFE），可以达到不暴露私有成员的目的。这个也是闭包处理的一种方式 var obj = ( function ( ) { 　　　　 var _age = 0 ; 　　　　 var func1 = function ( ) { 　　　　　　 //... 　　　　 } ; 　　　　 var func2 = function ( ) { 　　　　　　 //... 　　　　 } ; 　　　　 return { 　　　　　　m1 : func1 , 　　　　　　m2 : func2 　　　　 } ; } ) ( ) ; 使用上面的写法，外部代码无法读取内部的age变量。