选择哪个 JavaScript 框架

已发表: 2017-10-14

本文旨在解释最流行的客户端 JavaScript 框架。 哪个对你来说是“最好的”是另一个问题。

框架是应用程序的骨架。 它要求您以特定方式处理软件设计，并在某些点插入您自己的逻辑。 通常为您提供事件、存储和数据绑定等功能。 JavaScript框架与JavaScript 库的不同之处在于其控制流：

[1] 库提供由其父代码调用的函数，而框架定义整个应用程序设计。
[2] 开发者不调用框架； 相反，它是以某种特定方式调用和使用代码的框架。

一些 JavaScript 框架遵循模型-视图-控制器范式，旨在将 Web 应用程序分离为正交单元，以提高代码质量和可维护性。 示例：AngularJS、ReactJs、Ember.js。

为什么我们需要使用框架？

框架和库很有用，因为它们有助于更快地构建网站。 框架只是库的一个级别。框架具有预定义的功能，这使得在站点中包含功能非常容易。

Javascript 框架可以帮助构建我们的代码，使其模块化（因此可重用）、DRY、可读、高性能和安全，最重要的是具有凝聚力和易于理解。 jQuery 不是一个框架，所以它在这些方面没有帮助。 一堆框架现在允许定义数据模型，它们将为我们生成 API。 有时甚至可以使用 PhoneGap 获取客户端代码并稍加修改即可转换为移动应用程序。

现代 JavaScript 框架通常提供 API 来处理单页应用程序开发的以下高级方面：

  • 路由和模板——将复杂的 URL 结构链接到视图和/或状态
  • 服务——通过 HTTP 或套接字组件化 API 交互
  • 依赖关系——跟踪代码依赖关系并使重用更容易的能力
  • Helpers - 使用 JavaScript 简化常见任务的简单函数

正如我们所知，这次可用的 JavaScript 框架数量众多且种类繁多，每一个都有自己的功能。 开发人员不会使用每个框架，他们使用一两个框架。 不是因为它们是最好的，而是因为它们要么完全满足它们的要求，要么比其他框架更好。 在这里，我们向您展示一些框架名称和它们的简要介绍：

角JS ：

AngularJS 是一个非常强大的开源 JavaScript 框架。 它用于单页应用程序 (SPA) 项目。 它使用附加属性扩展了 HTML DOM，并使其对用户操作的响应更快。 AngularJS 是开源的、完全免费的，并被全球成千上万的开发人员使用。 它在 Apache 许可证 2.0 版下获得许可。 Angular 2是用TypeScript和MVC类型的框架编写的。 我们可以将它用于任何类型的应用程序，但是实现这个特定的框架来构建高度复杂的前端应用程序将是一个好主意，尽管我们也可以将它用于后端。 最好用于开发带有单一模块化框架的前端应用程序。 AngularJs 是由 Google 开发的。 要学习或使用 AngularJs，我们必须熟悉 HTML、CSS、Javascript、AJAX。

推荐帖子：顶级 PHP 框架——你需要知道的一切

反应JS ：

React 是 Facebook 开发的前端库。 React Js 旨在创建交互式 UI。 它用于处理 Web 和移动应用程序的视图层。 ReactJS 允许我们创建可重用的 UI 组件。 它是目前最流行的 JavaScript 库之一，拥有强大的基础和庞大的社区。 现在选择 react 而不是其他框架的原因是，用 React 制作的应用程序可以处理复杂的更新，并且仍然感觉快速且响应迅速。 ReactJs 是模块化的。我们可以编写更小的、可重用的文件，而不是编写大而密集的代码文件。
React 在显示大量变化数据的大型程序中表现最佳。 React Js 具有可扩展性和灵活性。

灰烬JS ：

Ember.js 是用于开发 Web 应用程序的开源 JavaScript 客户端框架。 它使用 MVC（模型-视图-控制器）架构模式。 在 Ember.js 中，路由用作模型，把手模板用作视图，控制器操作模型中的数据。

骨干JS：

BackboneJS 是一个轻量级的 JavaScript 框架，允许开发和构建在 Web 浏览器中运行的客户端应用程序。 它提供 MVC 框架，将数据抽象为模型，将 DOM（文档对象模型）抽象为视图，并使用事件绑定这两者。 Backbone Js 只附带一个依赖项——Underscore.js，它提供了 Backbone.js 构建的基本模板。 Backbone.js 非常轻量级，而且它的小内存占用非常适合开发快速、高性能的单页 Web 应用程序。 虽然它缺乏更高级的功能，如双向数据绑定。

幻影JS ：

PhantomJS 是基于 WebKit 构建的轻量级无头浏览器。 它被称为无头，因为执行不是在浏览器上而是在终端上发生。 Phantom Js 是以下解决方案：

  1. 无头网站测试：使用 Jasmine、QUnit、Mocha、Capybara、WebDriver 等框架运行功能测试。
  2. 屏幕捕获：以编程方式捕获 Web 内容，包括 SVG 和 Canvas。 使用缩略图预览创建网站截图。
  3. 页面自动化：使用标准 DOM API 或 jQuery 等常用库访问和操作网页。
  4. 网络监控：监控页面加载和导出为标准 HAR 文件。 使用 YSlow 和 Jenkins 自动执行性能分析

巴比伦JS：

Babylon.js 是一个基于 WebGL 的 3D 引擎，它专注于游戏开发和易用性。 作为 3D 引擎，它具有在空间中创建、显示和纹理网格以及添加光源和相机的工具。 因为以游戏为中心，Babylon.js 具有一些常规 3D 引擎不需要的额外功能。 它原生支持碰撞检测、场景重力、面向游戏的摄像头（例如，跟踪移动物体的跟随摄像头），以及原生支持 Oculus Rift 和其他虚拟现实 (VR) 设备。 它具有物理引擎插件系统、原生音频支持、基于用户输入的动作管理器等等。

包起来

上面列出的框架是流行的框架，但还有更多的框架存在。 哪种框架最适合开发取决于您正在开发的网站或 Web 应用程序类型。 例如，如果我们正在开发单页网站，那么 Angular Js 对我们有好处，因为使用 Angular Js 我们可以提供完整的导航和我们想要拥有的所有功能，而无需重新加载页面。 每个 JavaScript 框架都有自己的优势。