5大JavaScript前端框架简介

译者按： 简要介绍五大前端框架特性

本文采用意译，版权归原作者所有

JavaScript 在 2017 年被 IBM 评为最值得学习的编程语言之一，自然而然它的流行度快速上升，并一直持续。这也促使了一个活跃的生态系统的生成以及与之相关的技术和框架的发展。如今诞生了非常多的框架和库，如果对每一个框架没有一个大致的了解，恐怕很难抉择。如果你正在尝试选择一个合适的 javascript 框架，那么下面这几个框架你绝对不容错过：

1. AngularJS

Angular JS 是一个有 Google 维护的开源前端 web 应用程序框架。它最初由 Brat Tech LLC 的Misko Hevery于 2009 年开发出来。Angular JS 是一个模型-视图-控制器（MVC）模式的框架，目的在于使 HTML 动态化。与其他框架相比，它可以快速生成代码，并且能非常轻松的测试程序独立的模块。最大的优势是在你修改代码后，它会立即刷新前端 UI，能马上体现出来。它是用于 SPAs（单页面应用）开发中最常用的 javascript 框架。Angular JS 是一个全功能的框架，可能也是最流行的框架。缺点就是学习起来有点困难。

2. ReactJS

React JS 不像一个框架反而更像一个库，但绝对是值得一提。AngularJS 是一个 MVC 模式的框架，但 ReactJS 是一个由 Facebook 开发的非 MVC 模式的框架。它允许你创建一个可复用的 UI 组件，Facebook 和 Instagram 的用户界面就是用 ReactJS 开发的。你可以用 React 进行很复杂的更新并且应用运行仍然很快，因为框架本身能很快的处理他们。你也能写许多可复用的小文件，而不是编写一个大文件。对于要处理大量数据的大型程序来说这是最好的选择。这个框架的缺点之一就是它只处理应用程序的视图层，所以你可能需要结合其他工具来一起处理。

3. MeteorJS

MeteorJS 发布于 2012 年，涵盖了开发周期的所有阶段，包括后端开发、前端开发、数据库管理。它是一个由 NodeJS 编写的开源框架。MeteorJS 是一个简单和容易理解的框架，所有的包和框架都可以轻松使用。代码层的所有改变能够立即更新到 UI 界面，服务的和客户端都只需要用 javascript 开发。他主要用于 IKEA 和马自达等公司的实时应用开发。不建议用于大型或复杂的程序。

4. VueJS

在了解 React 和 Angular 后，你可以尝试了解下 VueJS，一个用于用户界面开发的渐进式 javascript 框架。它是一个能快速开发和跨平台的方案。与 Angular 和 React 相比较，它被证明速度更快，并且吸收了这两者的优点。Vue 的创始人是尤雨溪，他曾在 Google 工作并使用 Angular。他的想法是直接抽取出他喜欢的 Angular 的特性，不再引入其他复杂的理念而打造一款新的框架。所有的 Vue 模板都是基于 HTML，你可以在 GitHub 上找到很多资源。它也提供双向绑定和服务端渲染。在 Vue 中，你可以使用模板语法或使用JSX直接编写渲染函数。

5. BackboneJS

Backbone 是一个 MVP 模型，它依赖于 Underscore.js 库。它旨在开发单页面 web 应用，并保证不同部分的 web 应用同步。它采用命令式的编程风格，与使用声明式编程风格的 Angular 不同。Backbone 也与后端代码同步更新，当模型改变后 HTML 页面也随之改变。Backbone 被用来构建 Groupon, Airbnb, Digg, Foursquare, Hulu, Soundcloud, Trello 等许多知名应用。

选择一个正确的 javascript 框架绝非易事，这取决于你的 app 需要哪些功能。每种框架都有不同的特性，每一个都有它们的优点和缺点。

关于Fundebug

Fundebug专注于JavaScript、微信小程序、支付宝小程序线上应用实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了80亿+错误事件。欢迎大家免费试用！

版权声明

转载时请注明作者 Fundebug以及本文地址：
https://blog.fundebug.com/2018/06/14/top-5-javascript-framework/

您的用户遇到BUG了吗？

体验Demo 免费使用