前台的三个框架是指：1.Angular，是一款前端JavaScriptMVC框架来构建用户界面；2.React，JavaScript框架用于构建用户界面；3.Vue，是一套逐步的JavaScript框架，用于构建用户界面。
本文的运行环境：Windows7系统.DellG3计算机。
Web前端的三个主流框架就是Angular.React.Vue。
angular。
Angular前身angularJS诞生于2009年，在此之前，我们一直使用jquery进行开发，自从angular的出现给了我们新的选择，其最大的特点就是将后端的某些开发模式移植到了前端，比如MVC，依赖注入等。
Angular是一个JavaScript框架，它是一个用JavaScript编写的库，一个JavaScriptMVC客户机框架，用来开发动态Web应用程序。该软件最早是作为Google项目推出的，但是现在是开源框架。
Angular框架的优点：
1.Angular框架支持各种平台，而且是非常强大的，它不仅提供了各种工具，而且提供了用于构建项目模式的可维护方法。因此，如果您正确使用它，将不会遇到难于修改和测试的代码结构。
2.Angular是用TypeScript构建的，TypeScript也依赖于JSES6，因此无需学习新的语言，但是仍然能够获得静态类型、接口、类、命名空间、修饰符等功能。
3.Angular中的组件是独立的，因此可以很容易地替换不同的组件。另外，使用Angular时，不将演示文稿和应用程序的逻辑紧密结合起来，这使得标记更加清晰和简单。
4.Angular旨在进行全面测试，支持使用诸如Jasmine和Protractor这样的工具进行单元测试和端到端测试。
5.Angular同样适用于移动和pc端，这意味着它是一个适合多种平台的框架。此外，在这个框架内还可以发现很多有用的第三方工具。
【推荐教程：Angular视频教程】
react
react是Facebook推出的一个JavaScript库，用于构建用户界面。React主要用来构建用户界面，许多人将React视为MVC中的“视图”。React具有很高的性能，代码逻辑也很简单，人们也越来越关注和使用它。
React最初是Facebook的一个内部项目，因为这家公司对市场上的所有JavaScriptMVC框架都不满意，于是决定自己编写一套用于安装Instagram网站。在开发后发现该软件非常有效，并于2013年5月开源。
因为React的设计思想十分独特，属于一种革命性创新，性能卓越，代码逻辑很简单。因此，人们越来越关注并使用它，认为它有可能成为未来Web开发的主流工具。
React主要用来构建UI。您可以在React中传递多个类型的参数，比如能帮助您呈现UI的声明代码.也可以是静态HTMLDOM元素.可以传递动态变量.甚至是可交互的应用组件。【推荐视频教程：《5个很棒的redis实用实战视频指南推荐》
特点：
说明性设计：React采用一个声明模式，可以方便地描述应用程序。
有效：React模拟DOM，以最小化与DOM的交互。
灵活性：React能很好地与已知的库或框架一起工作。
vue
js是一款流行的JavaScript前端框架，一个开放源码的JavaScript脚本框架，它设计用于更好地组织和简化Web开发。Vue关注的核心是MVC模式中的视图层，同时，它还可以很容易地获得数据更新，并且可以通过构件内部的特定方法实现视图与模型的交互。
Vue.js是一组渐进框架，用于构建用户界面。不像其它重量级框架，Vue采用自下而上的增量开发设计。Vue的核心库只专注于视图层，学习起来很简单，很容易和其他库或者已经存在的项目结合。而Vue则可以充分利用单一文件组件和Vue生态系统支持的库开发来推动复杂的单页应用。【推荐视频教程：最近5篇vue.js视频教程精选】
js旨在通过尽可能简单的API实现响应的数据绑定和视图组件组合。
js本身并不是一个全能的框架，它仅针对于视图层。所以很容易学习，也很容易和其他库或者现有的项目结合起来。另外，Vue.js还可以与相关工具和支持库结合使用，完全可以实现复杂的单页面应用。
Vue的优点：
Vue.js可以组件化的开发，这使得代码的编写变得更少，读者也更容易理解。
Vue.js最显著的优点是它可以双向绑定数据(我们将在后面的写作中明显地感到这种特性的便利)。
用Vue.js编写的界面效果本身就是响应式的，这使得网页可以很好地通过各种设备展示。
Vue使用路由不刷新页面，而不是通过超链接来实现页面的切换和跳跃。