模块化开发概述及其在前端开发中应用.pptxVIP

JS模块化开发

模块化开发

什么是模块化？

现实生活中的模块化例子，

手机组装：

摄像头、指纹识别、电池

。。。。。。

代码进行模块化开发的优点

数学模块math

日期模块date

。。。。

非模块化开发的问题

命名冲突

添加命名空间YUI、EXTJS---可以从一定程度上解决命名冲突，但是增加了开发人员记忆冗长api的难度。

文件依赖

团队变大后，维护大量的文件依赖关系非常困难，公共模块的维护、升级很不方便。

模块化演变过程

函数-原始写法

对象封装

私有共有成员分离

模块的维护扩展

模块的第三方依赖

模块化规范

服务器端规范

CommonJS---nodejs

浏览器端规范

AMD---RequireJS国外相对流行

CMD---SeaJS国内相对流行

CMD实现-SeaJS

SeaJS---阿里巴巴前端架构师玉伯

js文件的依赖管理、异步加载，方便前端的模块化开发。

官方网站：

AMD实现-RequireJS

RequireJS-JamesBurkeAMD规范的创始人

与SeaJS基本实现类似的功能

中文官网：

SeaJS和RequireJS对比

对于依赖的模块，AMD是提前执行，CMD是延后执行

CMD推崇依赖就近，AMD推崇依赖前置

AMD的API默认是一个当多个用，CMD的API严格区分，推崇职责单一