前端模块化Seajs_markdown_test

前端模块化

seajs的前端模块化开发的价值

1. 引用sea.js模块化开发好处：

• 文件依赖
• 以往的yui等采用配置的方式，当模块较多，依赖较复杂，会带来隐患
• 命名冲突
• 非模块化的命名空间容易导致命名过长
• 模块化的版本管理
• 别通过别名等配置，配合构建工具，可以比较轻松地实现模块的版本管理。？
• 提高可维护性
• 每个文件的职责单一，有利于代码维护
• 前端性能优化
• 异步加载模块有利于页面性能
• 跨服务器和浏览器共享模块

高粒度模块化的前端开发

1. 模块

• 定义：可组合、分解和更换的单元。可组成系统的、具有某种确定独立功能的半自律性的子系统。是较大系统的独立部件。功能、状态与接反映外部特性，逻辑反应内部特性
• 类型
• 展现模块css和功能模块js

• 模块抽离原则
• 了解产品需求、熟读MRD
• 深入挖掘需求，提炼模块
• 从视觉规范中抽离高耦合、高相似的部分
• 模块化需求中重合部分
• 暴露接口实现模块间通讯
• 功能模块
• 应用
• 模块
• 组件
• 核心