Web应用的组件化开发（二）.pptVIP

Web应用的组件化开发（二）管控平台 徐飞 @民工精髓V HTML片段 为什么要管理HTML片段？ 检索、预览、使用的便利 管理HTML片段，有哪些麻烦的地方？ 依赖关系管理 实时变更通知 为什么要这么做 跨项目的界面片段重用，意义在哪里 不实时更新版本会怎样 JavaScript模块 业界的通用方案为什么不够 依赖项产生变更的时候反向通知 代码如何编写 不在代码中显式定义依赖关系 依赖关系在平台中存放，发布时生成 发布与合并 可设置的合并策略 默认的合并方式 单元测试 传统的JavaScript单元测试 在浏览器端做 批量执行的效率低下 服务端JavaScript单元测试 批量执行的效率高 要求代码分层做得较好 测试除UI层之外的JavaScript代码 文档和示例管理 文档 在线编写，实时更新 markdown格式，与代码共存 示例 静态示例 可执行的动态示例 幻灯片 基于HTML和CSS技术的幻灯片 项目与目录管理 项目 对应实体存储的版本服务器 可以从已有项目复制 可以依赖其他项目 目录 代码、文档、示例的组织单元 可以作为发布时候的默认合并单位 评论管理 提高协作效率，需要更多的互动 如果有人对某代码或文档有疑问，可以在下面评论 参与维护此代码或文档的人员可以收到提示 评论有全局视图 用户权限管理 不同的用户有不同的权限 未登录用户可以查看文档和示例 已登录用户可以编写代码、文档、示例 管理员可以新增修改项目信息，也可以创建人员账号 国际化字符串管理 传统的国际化方式 在服务端做 在运行时做 Web前端的静态化 在浏览器端做国际化 在产品发布阶段做国际化 全产品统一的国际化资源池 术语的一致性 静态资源的管理 统一管理图片等静态资源的好处 一致性 易查找、修改 如何管理 随产品发布 在本平台被引用 样式与主题管理 传统方式 静态编写 发布时合并 更先进的 编写和发布分离 有一个编译生成的过程 管理的原则 最小粒度 全量 一键发布 之前应该做什么 合并、压缩JavaScript代码 合并CSS代码 现在需要做什么 JavaScript代码的合并，最小化 CSS的生成 静态国际化 界面片段与JavaScript依赖关系生成 静态资源导出 更多 JavaScript单元测试 Q A Thank you * *