Vue.js

Appearance

On this page

设计模式、组件库与SDK设计: 构建企业级前端基础设施 ​

本书将帮助你掌握设计模式思维，学会设计和实现企业级组件库与SDK，成为前端架构核心人才。

第一部分：设计模式思维基础 ​

  1. 为什么要学习设计模式
  2. 设计原则：SOLID在前端的应用
  3. 设计原则：DRY、KISS、YAGNI
  4. 面向对象vs函数式设计
  5. 模式选择方法论

第二部分：创建型设计模式 ​

  1. 单例模式与全局状态管理
  2. 工厂模式与组件工厂
  3. 抽象工厂与主题系统
  4. 建造者模式与复杂对象构建
  5. 原型模式与对象克隆
  6. 创建型模式实战：配置中心设计

第三部分：结构型设计模式 ​

  1. 适配器模式与API兼容
  2. 装饰器模式与功能增强
  3. 代理模式与懒加载
  4. 外观模式与API简化
  5. 组合模式与树形结构
  6. 桥接模式与平台适配
  7. 享元模式与性能优化
  8. 结构型模式实战：权限系统设计

第四部分：行为型设计模式 ​

  1. 观察者模式与事件系统
  2. 发布订阅模式与消息总线
  3. 策略模式与算法切换
  4. 命令模式与撤销重做
  5. 职责链模式与中间件
  6. 状态模式与状态机
  7. 模板方法与流程控制
  8. 迭代器模式与数据遍历
  9. 中介者模式与组件通信
  10. 备忘录模式与历史记录
  11. 行为型模式实战：工作流引擎设计

第五部分：函数式设计模式 ​

  1. 函数式编程核心概念
  2. 高阶函数与函数组合
  3. 柯里化与偏函数应用
  4. 管道与compose
  5. Monad与容器模式
  6. 函数式状态管理
  7. 函数式错误处理
  8. 函数式模式实战：数据处理管道

第六部分：组件库设计原理 ​

  1. 组件库架构设计
  2. 组件设计原则与规范
  3. 组件API设计最佳实践
  4. 受控与非受控组件
  5. 组件组合与插槽设计
  6. 组件主题与样式系统
  7. CSS-in-JS与原子CSS
  8. 组件可访问性(a11y)
  9. 组件国际化(i18n)
  10. 组件文档与演示

第七部分：组件库工程化 ​

  1. 组件库项目结构
  2. 组件开发工作流
  3. Storybook深度使用
  4. 组件单元测试
  5. 组件视觉测试
  6. 组件构建策略
  7. Tree Shaking支持
  8. 版本管理与发布
  9. 变更日志自动化
  10. 组件库性能优化

第八部分：企业级组件库实战 ​

  1. Button组件设计与实现
  2. Form组件设计与实现
  3. Table组件设计与实现
  4. Modal组件设计与实现
  5. Select组件设计与实现
  6. Tree组件设计与实现
  7. DatePicker组件设计与实现
  8. Upload组件设计与实现
  9. 虚拟滚动组件实现
  10. 拖拽组件实现

第九部分：SDK设计与开发 ​

  1. SDK设计原则与规范
  2. SDK架构模式
  3. SDK接口设计
  4. SDK错误处理设计
  5. SDK日志与调试
  6. SDK性能优化
  7. SDK安全设计
  8. SDK版本兼容策略
  9. SDK文档与示例
  10. SDK测试策略

第十部分：SDK实战案例 ​

  1. 埋点SDK设计与实现
  2. 监控SDK设计与实现
  3. IM SDK设计与实现
  4. 支付SDK设计与实现
  5. 地图SDK设计与实现
  6. 播放器SDK设计与实现
  7. 富文本编辑器SDK设计
  8. 图表SDK设计与实现
  9. 跨平台SDK设计
  10. SDK灰度发布与回滚
  11. 开源组件库案例分析
  12. 前端基础设施架构总览

在 GitHub 上编辑此页