值得认真学习的6 个 JavaScript 框架

JavaScript

 

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，普遍用于客户端的脚本语言，最先是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增长动态功能。

若是在已经在使用 JavaScript （以及 JQuery） 来支持 HTML，那么你确定知道开发和维护一个大型应用须要付出多大的努力以及编写多么复杂的代码，而 JavaScript 框架能够帮助你快速的构建交互式 Web 应用 （包含单页面应用或者多页面应用）。

今天将为你们推荐 6 个值得好好学习的 JavaScript 框架。让咱们开始吧。

 

 

 

1

AngularJS

 

不管你是什么时候据说的 JavaScript，极可能你早就听过 AngularJS，由于这是在 JavaScript 社区中最为普遍使用的框架了。它发布于 2009 年，由 Google 开发 （这够有说服力让你使用了吧） ，它是一个开源项目，这意味着你能够阅读、编辑和修改其源代码以便更加符合自身的需求，而且不用向其开发者支付一分钱 （这不是很酷吗？）。·

若是说你以为经过纯粹的 JavaScript 代码编写一个复杂的 Web 应用比较困难的话，那么你确定会兴奋的跳起来，由于它将显著地减轻你的编码负担。它符合支持双向数据绑定的 MVC （模型-视图-控制Model–view–controller） 设计典范。假如你不熟悉 MVC，你只须要知道它表明着不管什么时候探测到某些变化，它将自动更新前端 （好比，用户界面端） 和后端 （代码或者服务器端） 数据。

MVC 能够大大减小构建复杂应用程序所需的时间和精力，因此你只须要集中精力于一处便可 （DOM 编程接口会自动同步更新视图和模型）。因为 视图组件 与 模型组件 是分离的，你能够很容易的建立一个可复用的组件，使得用户界面的效果很是好看。

若是由于某些缘由，你已经使用了 TypeScript （一种与 JavaScript 很是类似的语言），那么你能够很容易就上手 AngularJS，由于这二者的语法高度类似。与 TypeScript 类似这一特色在必定程度上提高了 AngularJS 的受欢迎程度。

目前，Angular 2.0 已经发布，而且提高了移动端的性能，这也足以向一个新的开发者证实，该框架的开发活跃度够高而且按期更新。

AngularJS 有着大量的用户，包括 （但不限于） Udemy、Forbes、GoDaddy、Ford、NBA 和 Oscars。

对于那些想要一个高效的 MVC 框架，用来开发面面俱到、包含健壮且现代化的基础架构的单页应用的用户来讲，我极力的推荐这个框架。这是为无经验 JavaScript 开发者设计的首选框架。

 

 

2

React

 

与 AngularJS 类似，React 也是一个 MVC （模型-视图-控制Model–view–controller） 类型的框架，但不一样的是，它彻底针对于 视图组件 （由于它是为 UI 特别定制的） ，而且可与任何架构进行无缝衔接。这意味着你能够立刻将它运用到你的网站中去。 ·

它从核心功能中抽象出 DOM 编程接口 （而且所以使用了虚拟 DOM），因此你能够快速渲染 UI，这使得你可以经过 node.js 将它做为一个客户端框架来使用。它是由 Facebook 开发的开源项目，还有其它的开发者为它贡献了代码。

假如说你见到过并喜欢 Facebook 和 Instagram 的界面，那么你将会爱上 React。经过 React，你能够给你的应用的每一个状态设计一个简单的视图，当数据改变的时候，视图也自动随之改变。只要你想的话，能够建立各类的复杂 UI，也能够在任何应用中复用它。在服务器端，React 一样支持经过 node.js 来进行渲染。对于其余的接口，React 也同样表现得足够灵活。

除 Facebook 和 Instagram 外，还有好多公司也在使用 React，包括 Whatsapp、BBC、PayPal、Netflix 和 Dropbox 等。

若是你只须要一个前端开发框架来构建一个很是复杂且界面极好的强大视图层，那我极力向你推荐这个框架，但你须要有足够的经验来处理各类类型的 JavaScript 代码，并且你不再须要其余的组件了 （由于你能够本身集成它们）。

 

 

3

Ember

 

这个 JavaScript 框架在 2011 年正式发布，是由 Yehuda Katz 开发的开源项目。它有一个庞大且活跃的在线社区，因此在有任何问题时，你均可以在社区中提问。该框架吸取融合了很是多的通用的 JavaScript 风格和经验，以便确保开发者能最快地作到开箱即用。 ·

它使用了 MVVM （模型-视图-视图模型Model–view–viewmodel） 的设计模式，这使得它与 MVC 有些不同，由于它由一个 链接器 （binder） 帮助视图和数据链接器进行通讯。

对于 DOM 编程接口的快速服务端渲染，它借助了 Fastboot.js，这可以让那些复杂 UI 的性能获得极大提升。

它的现代化路由模式和模型引擎还支持 RESTful API，这确保你可使用到这种最新的技术。它支持句柄集成模板Handlebars integrated template，用来自动更新数据。

早在 2015 年间，它的风头曾一度盖过 AngularJS 和 React，被称为最好的 JavaScript 框架，对于它在 JavaScript 社区中的可用性和吸引力，这样的说服力该是足够了的。

对于不追求高灵活性和大型架构的用户，而且仅仅只是为了赶赴工期、完成任务的话，我我的很是推荐这个 JavaScript 框架。

 

 

4

Adonis

 

若是你曾使用过 Laravel 和 NodeJS，那么你在使用这一个框架之时会以为至关顺手，由于它是集合了这两个平台的优势而造成的一个框架，对于任何种类的现代应用来讲，它都显得很是专业、圆润和精致。 ·

它使用了 NodeJS，因此是一个很好的后端框架，同时还附带有一些前端特性 （与前面提到那些更多地注重前端的框架不一样），因此想要进入后端开发的新手开发者会发觉这个框架至关迷人。

相比于 NoSQL，不少的开发者都比较喜欢使用 SQL 数据库 （由于他们须要加强和数据以及其它特性的交互性），这一现象在这个框架中获得了很好的体现，这使得它更接近标准，开发者也更容易使用。

若是你混迹于各种 PHP 社区，那你必定很熟悉 服务提供者Service Providers，也因为 Adonis 其中包含相应的 PHP 风格，因此在使用它的时候，你会以为似曾相识。

在它全部的特性中，最好的即是那个极为强大的路由引擎，支持使用函数来组织和管理应用的全部状态、支持错误处理机制、支持经过 SQL ORM 来进行数据库查询、支持生成器、支持箭头函数arrow functions、支持代理等等。

若是喜欢使用无状态 REST API 来构建服务器端应用，我比较推荐它，你会爱上这个框架的。

 

 

5

Vue.js

 

这是一个开源的 JavaScript 框架，发布于 2014 年，它有个极为简单的 API，用来为现代 Web 界面Modern Web Interface开发交互式组件Reactive components。其设计着重于简单易用。与 Ember 类似，它使用的是 MVVM （模型-视图-视图模型Model–view–viewmodel） 设计范例，这样简化了设计。 ·

这个框架最有吸引力的一点是，你能够根据自身需求来选择使用的模块。好比，你须要编写简单的 HTML 代码，抓取 JSON，而后建立一个 Vue 实例来完成能够复用的小特效。

与以前的那些 JavaScript 框架类似，它使用双路数据绑定来更新模型和视图，同时也使用链接器来完成视图和数据链接器的通讯。这是一个还未彻底成熟的框架，由于它所有的关注点都在视图层，因此你须要本身处理其它组件。

若是你熟悉 AngularJS，那你会感受很顺手，由于它大量嵌入了 AngularJS 的架构，若是你懂得 JavaScript 的基础用法，那你的许多项目均可以轻易地迁移到该框架之下。

假如你只想把任务完成，或者想提高你自身的 JavaScript 编程经验，又或者你须要学习不一样的 JavAScript 框架的本质，我极力推荐这个。

 

 

6

Backbone.js

 

这个框架能够很容易的集成到任何第三方的模板引擎中，默认使用的是 Underscore 模板引擎，并且该框架仅有一个依赖项 （ JQuery ），所以它以轻量而闻名。它支持带有 RESTful JSON 接口的 MVC （模型-视图-控制Model–view–controller） （能够自动更新前端和后端） 设计范例。 ·

假如你曾经使用过著名的社交新闻网络服务 reddit，那么你确定据说过它在几个单页面应用中使用了Backbone.js。Backbone.js 的原做者为之创建了与 CoffeScript 旗鼓至关的 Underscore 模板引擎，因此你能够放心，开发者知道该作什么。

该框架在一个软件包中提供了键值对key-value 模型、视图以及几个打包的模块，因此你不须要额外下载其余的外部包，这样能够节省很多时间。框架的源码能够在 GitHub 进行查看，你能够根据需求进行深度定制。

若是你在寻找一个入门级框架来快速构建一个单页面应用，那么这个框架很是适合你。

 

 

建议你们想要学习的话就挑一个学的特别精炼。最好就是从列表中挑选一个来使用，看看最后是否知足你的需求和兴趣，若是仍是不行，接着试试另外一个。