前端模块化开发.pptxVIP

前端模块化开发By: 陈益国过长的命名空间对于编码和记忆都是一个负担命名空间的困惑dialog需要依赖drag：使用时可能就漏掉了drag：组件的使用者需要关注该组件的每一个依赖依赖文件的困惑5173首页开发环境的一堆引用：文件颗粒度小 但依赖太多依赖文件的困惑图搜开发初期没有自动化合并工具，只能人肉合并:依赖没有了 但单个文件的体积却越来越臃肿单个大文件的困惑 命名的冲突 代码量巨大的单文件的可维护性 小颗粒度文件的依赖模块化就是为了解决这些问题传统开发模式的主要问题Java、python、c#、php等都有 include、import连css都有 @importJavaScript在ES6也会增加 import 的功能模块化并不是新鲜玩意 Common Module Definition （CMD） - SeaJS Asynchronous Module Definition ( AMD ) - RequireJS 其他非标准的实现 - YUI3 - Dojo - KissyJavaScript中目前的模块化方案CMD 的一个栗子 define( factory ) factory : 模块体function( require, exports, module ){ // 模块实现的代码} require : 用于加载依赖模块 exports : 用于向外部提供接口 C