1.前端框架

前端框架解决Web应用开发中的以下两个关键问题：

• 如何写高可复用，易维护的前端组件
• 如何管理前端应用中的数据

针对这两个问题，业界有非常多的前端框架，目前为止最流行的有jQuery、Angular、React。其中只有Angular可以称得上前端应用的框架，而jQuery和React则算是类库。框架和类库的区别在于：框架对于要面对的问题提出了完整的解决方案，而类库只解决了特定的部分问题。

jQuery提供了一套操作dom的类库，同时也解决了组件的问题。它制定了一种组件的写法，写法中包括“如何组织组件的生命周期”“如何接受外界数据”“如何对外暴露API”等基本内容。它有以下特定：

• 它的一切都是基于Dom操作的
• 数据和Dom直接的关联变化，需要开发者手动编写命令式的代码来实现

React比jQuery更进一步，增加了对组件开发的支持。它的思路是：无论是页面还是组件，都理解称组件。组件声明了一个render方法来决定根据当前的数据渲染出什么样的HTML。组件数据发生改变时，由框架再次调用render方法来刷新页面，相比较其特点是：

• 概念高度精简，总的来看只有组件这一概念
• 完全封装了底层的DOM操作和真实绑定工作。开发者只需要声明如何渲染即可。

Angular是一套构建前端单页应用的框架。它的主要思路是：在页面注入特殊的标记，由框架将这些特殊的标记和应用中的数据自动关联起来，实现联动。除此之外，它还提供了一系列附加的功能，例如模块化、依赖注入等，特点是：

• 将页面变成模板，通过特殊标记关联数据
• 已经实现了数据和DOM之间的双向自动关联