Skip to content

Main Navigation首页

🚀 进阶实战

浏览器工作原理设计模式与架构前端性能优化

📦 源码解读

jQuery 源码 V8 引擎

🔧 工程化

前端工程体系前端解决方案 UnoCSS 快速入门 VSCode Vim 指南

🎯 Mini 系列 - 构建工具

Mini-Acorn.js Mini-Rollup Mini-Vite Mini-Webpack

🎯 Mini 系列 - 工具库

Mini-Axios Mini-Day.js Mini-Lodash Mini-Path-to-RegExp Mini-Ramda.js Mini-RxJS Mini-Zod

🎯 Mini 系列 - DOM & 动画

Mini-GSAP Mini-Hammer.js Mini-Zepto.js

🎯 Mini 系列 - Vue 生态

Mini-Pinia Mini-Vue-Router Mini-Vue3

🎯 Mini 系列 - React 生态

Mini-React Mini-Redux

📖 入门基础

前端转 Node 指南

🚀 进阶实战

API 设计核心原理数据库与 ORM 文件系统与流网络编程安全与认证 Web 框架设计

💼 实战项目

📦 源码解读

🔧 工程化

工程化实践微服务架构

🎯 Mini 系列

Mini-NPM Mini-Sentry Mini-Vitest

📚 数据结构

数据结构基础高级数据结构

🧮 算法技巧

算法技巧动态规划图与搜索竞赛编程

📖 入门基础

WebGL 基础 Canvas 实战

🚀 进阶实战

Three.js 3D 数学高级渲染

🎯 Mini 系列

Mini-PixiJS Mini-FabricJS

🤖 AI 工具

AI 工具应用 AI 提示词工程

🧠 思维方法

思维方法清晰思考

资源

Appearance

Sidebar Navigation

概览

序言

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

1. 为什么要学习设计模式

2. 设计原则：SOLID在前端的应用

3. 设计原则：DRY、KISS、YAGNI

4. 面向对象vs函数式设计

5. 模式选择方法论

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

6. 单例模式与全局状态管理

7. 工厂模式与组件工厂

8. 抽象工厂与主题系统

9. 建造者模式与复杂对象构建

10. 原型模式与对象克隆

11. 创建型模式实战：配置中心设计

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

12. 适配器模式与API兼容

13. 装饰器模式与功能增强

14. 代理模式与懒加载

15. 外观模式与API简化

16. 组合模式与树形结构

17. 桥接模式与平台适配

18. 享元模式与性能优化

19. 结构型模式实战：权限系统设计

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

20. 观察者模式与事件系统

21. 发布订阅模式与消息总线

22. 策略模式与算法切换

23. 命令模式与撤销重做

24. 职责链模式与中间件

25. 状态模式与状态机

26. 模板方法与流程控制

27. 迭代器模式与数据遍历

28. 中介者模式与组件通信

29. 备忘录模式与历史记录

30. 行为型模式实战：工作流引擎设计

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

31. 函数式编程核心概念

32. 高阶函数与函数组合

33. 柯里化与偏函数应用

34. 管道与compose

35. Monad与容器模式

36. 函数式状态管理

37. 函数式错误处理

38. 函数式模式实战：数据处理管道

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

39. 组件库架构设计

40. 组件设计原则与规范

41. 组件API设计最佳实践

42. 受控与非受控组件

43. 组件组合与插槽设计

44. 组件主题与样式系统

45. CSS-in-JS与原子CSS

46. 组件可访问性(a11y)

47. 组件国际化(i18n)

48. 组件文档与演示

第七部分：组件库工程化

49. 组件库项目结构

50. 组件开发工作流

51. Storybook深度使用

52. 组件单元测试

53. 组件视觉测试

54. 组件构建策略

55. Tree Shaking支持

56. 版本管理与发布

57. 变更日志自动化

58. 组件库性能优化

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

59. Button组件设计与实现

60. Form组件设计与实现

61. Table组件设计与实现

62. Modal组件设计与实现

63. Select组件设计与实现

64. Tree组件设计与实现

65. DatePicker组件设计与实现

66. Upload组件设计与实现

67. 虚拟滚动组件实现

68. 拖拽组件实现

第九部分：SDK设计与开发

69. SDK设计原则与规范

70. SDK架构模式

71. SDK接口设计

72. SDK错误处理设计

73. SDK日志与调试

74. SDK性能优化

75. SDK安全设计

76. SDK版本兼容策略

77. SDK文档与示例

78. SDK测试策略

第十部分：SDK实战案例

79. 埋点SDK设计与实现

80. 监控SDK设计与实现

81. IM SDK设计与实现

82. 支付SDK设计与实现

83. 地图SDK设计与实现

84. 播放器SDK设计与实现

85. 富文本编辑器SDK设计

86. 图表SDK设计与实现

87. 跨平台SDK设计

88. SDK灰度发布与回滚

89. 开源组件库案例分析

90. 前端基础设施架构总览

Get Security Updates for Vue 2

On this page

Table of Contents for current page

前言
目录

design-patterns-architecture

前言

目录

在 GitHub 上编辑此页

design-patterns-architecture has loaded