摘要：软件复用的好处有很多一、提高工作效率这条自不必说，比如在项目A中你写一个Ajax模块，A完工后启动了项目B，在B中就可以直接复用项目A的模块了。一个可复用的软件可以为将来节省费用，被服用的频率越高，组件的初始开发成本就越低。二、提高软件质量可复用的软件总比不能复用的有更多的质量保障。因为可复用的软件在不断的复用过程中把一些bug，缺陷都很快的排除了。因此可复用的软件一定是利于系统的可维护性的。按抽象程度的高低，可以划分为如下的复用级别：代码的剪贴复制利用编辑器（IDE）可以很方便的做到减少抄写代码的人力成本。这可能是入门级程序员习惯的，自发的复用软件的形式。把一个写好的工具函数自发的拷贝到另一 阅读全文

摘要：什么是模块化模块化这个词最早出现在研究工程设计中的《Design Rules》，这本探路性质的书中。其后模块化原则还只是作为计算机科学的理论，尚不是工程实践。此时硬件的模块化一直是工程技术的基石之一。如标准螺纹、汽车组件、计算机硬件组件等。软件模块化的原则也是随着软件的复杂性诞生的。从开始的机器码、子程序划分、库、框架、再到分布在成千上万公里的互联网上主机上的程序库。模块化是解决软件复杂性的重要方法之一。模块化以分治法为依据，但是否意味着我们把软件无限制的细分下去。事实上当分割过细，模块总数增多，每个模块的成本确实减少了，但模块接口所需代价随之增加。要确保模块的合理分割则须了解信息隐藏，内聚度 阅读全文

摘要：今天看见一个基于CommonJS Modules/2.0的实现：BravoJS。Modules/2.0目前还不是CommonJS的当前规范（Current Specifications），甚至连建议或开发中的标准（Proposals and standards in development）也都不是... 阅读全文

摘要：有朋友留言RequireJS如何与Backbone集合使用。这两个轻量级的库合起来使用确实能够方便的构建大型应用程序。RequireJS填补了前端模块化开发的空缺，Backbone采用MVC的分层结构很好的将程序各个部分解耦。Backbone目前不支持AMD（曾经支持过），那么它只能作为普通的JS文件使用。它全局的标示符是Backbone，它还依赖于underscore，underscore的全局标示是下划线（_）。因此，当我们使用AMD方式写的模块中使用Backbone时，得确保underscore和Backbone已经载入了。RequireJS 2.0后提供了一个shim参数很好的解决了该 阅读全文

摘要：进阶的前面两篇讲述了r.js如何通过命令行把所有的模块压缩为一个js文件或把所有的css压缩为一个css文件。其中包括一些压缩配置参数的使用。但以上两种方式有几个问题1、通过命令手动配置压缩选项显得很呆板2、都仅合并为一个文件对于最后只生成一个文件的库来说，这种方式并无不妥。比如jQuery，它的工程中小文件有20多个，打包后只有一个jquery-1.x.x.js。对于多数实际应用项目来说，可能打包后需要生成多个js文件。有些是页面打开时就要用到的，有些是用户点击或输入时按需加载的。r.js有另外一种方式来合并压缩，即通过一个配置文件（如build.js）。配置文件内部采用前端工程师非常熟悉J 阅读全文

摘要：这一篇来认识下打包工具的paths参数，在入门一中就介绍了require.config方法的paths参数。用来配置jquery模块的文件名（jQuery作为AMD模块时id为“jquery”，但文件名可通过paths配置可以不必是“jquery.js”，而是带有版本的如“jquery-1.7.2.js”）。在入门一中，jquery-1.7.2.js和main.js都在一个域中，即把jquery-1.7.2.js下载到本地了。但有时可能一些JS资源不在同一个域。比如直接使用Google CDN上的jquery 1.7.2版本。而这时应该如何使用打包工具r.js呢？r.js自然不会去载入非本地资 阅读全文

摘要：为了应对日益复杂，大规模的JavaScript开发。我们化整为零，化繁为简。将复杂的逻辑划分一个个小单元，各个击破。这时一个项目可能会有几十个甚至上百个JS文件，每个文件为一个模块单元。如果上线时都是这些小文件，那将对性能造成一定影响。RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩。r.js非常强大，不但可以压缩js，css，甚至可以对整个项目进行打包。r.js的压缩工具使用UglifyJS或Closure Compiler。默认使用UglifyJS（jQuery也是使用它压缩）。此外r.js需要node.js环境，当然它也可以运行在Java环境中如Rhino。这篇以一个 阅读全文

摘要：就在前天晚上RequireJS发布了一个大版本，直接从version1.0.8升级到了2.0。随后的几小时James Burke又迅速的将版本调整为2.0.1，当然其配套的打包压缩工具r.js也同时升级到了2.0.1。此次变化较大，代码也进行了重构，层次更清晰可读。功能上主要变化如下： 1，延迟模块 阅读全文

摘要：这篇来写一个具有依赖的事件模块event。event提供三个方法bind、unbind、trigger来管理DOM元素事件。event依赖于cache模块，cache模块类似于jQuery的$.data方法。提供了set、get、remove等方法用来管理存放在DOM元素上的数据。示例实现功能：为页面上所有的段落P元素添加一个点击事件，响应函数会弹出P元素的innerHTML。创建的目录如下为了获取元素，用到了上一篇写的selector.js。不在贴其代码。index.html 如下 requirejs入门（三） p1p2p3p4p5 cache.js 如下defi... 阅读全文

摘要：上一篇是把整个jQuery库作为一个模块。这篇来写一个自己的模块：选择器。 为演示方便这里仅实现常用的三种选择器id，className，attribute。RequireJS使用define来定义模块。 新建目录结构如下 这次新建了一个子目录js，把main.js和selctor.js放入其中，r 阅读全文

摘要：RequireJS由James Burke创建，他也是AMD规范的创始人。RequireJS会让你以不同于往常的方式去写JavaScript。你将不再使用script标签在HTML中引入JS文件，以及不用通过script标签顺序去管理依赖关系。当然也不会有阻塞（blocking）的情况发生。好，以一... 阅读全文

摘要：SeaJS由国内的牛人lifesinger开发。目前版本是1.1.1，源码不到1500行，压缩后才4k，质量极高。这篇会讲述SeaJS的一些基本用法，不会面面俱到，但会就个人的理解讲述官方文档没有提到的一些细节。一、SeaJS的全局接口SeaJS向全局公开了两个标识符： seajs 和 define。如果你的项目中已经用了标识符seajs，又不想改。这时SeaJS可以让出全局的seajs。如var boot = seajs.noConflict(); 这时boot就相当于先前的seajs。如果你的项目中连标识符define也用到了，也不想改。SeaJS是很宽容的，它的define也可以让出。. 阅读全文

摘要：一、UMD：AMD 和CommonJS的糅合前面花了很长的篇幅介绍了两大类模块规范，CommonJS(Modules/Modules/Wrappings)及AMD。我们知道Modules/Wrappings是出于对Node.js模块格式的偏好而包装下使其在浏览器中得以实现。而Modules/Wrappings的格式通过某些工具（如r.js）也能运行在Node.js中。事实上，这两种格式同时有效且都被广泛使用。AMD以浏览器为第一（browser-first）的原则发展，选择异步加载模块。它的模块支持对象（objects）、函数（functions）、构造器（constructors）、字符串（ 阅读全文

摘要：前面提到，为实现与Node.js相同方式的模块写法，大牛们做了很多努力。但浏览器环境不同于服务器端，它的模块有一个HTTP请求过程(而Node.js的模块文件就在本地)，这个请求过程多数使用script tag，script 默认的异步性导致很难实现与Node.js一模一样的模块格式。Modules... 阅读全文

摘要：前面提到Node.js有一套简洁的格式写模块，它遵循的就是 Moudles。浏览器里的JavaScript呢？ 尽管语言本身暂不支持模块（ES6打算支持），但可以用现有的 API 包装一个写法出来。毫无疑问，首先想到的是Node.js的 Modules 格式，它是最好的效仿对象。因为前后端有一个统一... 阅读全文

摘要：在JavaScript模块到底是什么，能用代码具体展现一下吗？其实上一篇已经写了一段事件模块代码event = function() { // do more return { bind: function() {}, unbind: function() {}, trigger: funct... 阅读全文

摘要：我们再一次被计算机的名词，概念笼罩。backbone、emberjs、spinejs、batmanjs等MVC框架侵袭而来。CommonJS、AMD、NodeJS、RequireJS、SeaJS、curljs 等模块化的JavaScript概念及库扑面而来。模块化JavaScript的概念尤为突出，... 阅读全文