JavaScript高级程序设计笔记 31

附录 C JavaScript 库和框架

核心脉络

附录 C 概览 JavaScript 生态中的库和框架。重点不是记住每个库，而是理解库和框架解决的问题：DOM 操作、应用架构、数据可视化、工具函数、测试、构建等。

重点内容

库与框架的区别

库通常由开发者主动调用，用来解决某类具体问题。框架通常提供应用结构和生命周期，开发者在框架约束下编写业务代码。

UI 和应用框架

常见方向：

• React：组件化 UI，强调声明式视图。
• Vue：渐进式框架，模板和响应式系统友好。
• Angular：完整应用框架，内置较多工程能力。
• Ember：约定较强的应用框架。

工具库

常见能力：

• DOM 操作。
• 函数式工具。
• 日期处理。
• 数据验证。
• 请求封装。

现代 JavaScript 原生 API 增强后，一些工具库的必要性下降，但成熟库仍能减少重复劳动。

可视化库

数据可视化库用于图表、图形、交互式数据呈现。D3 这类库强调底层控制能力，图表库则更强调开箱即用。

选择框架的考虑因素

• 团队熟悉度。
• 项目复杂度。
• 生态和社区。
• 长期维护。
• 性能需求。
• TypeScript 支持。
• 构建工具链。

面试重点

• 框架负责组织应用结构，库通常解决局部问题。
• 不要为了流行而选技术，要匹配团队和业务。
• 原生 API 进步会改变库的必要性。

复习清单

• 能区分库和框架。
• 知道常见前端框架的定位。
• 能说明技术选型考虑因素。

一句话总结

附录 C 的核心是生态视角：库和框架都是为降低复杂度服务，关键是选择适合项目的问题解决工具。