📜  什么是 Backbone.js?

📅  最后修改于: 2022-05-13 01:56:12.568000             🧑  作者: Mango

什么是 Backbone.js?

什么是 Backbone.js?

它是一个用于构建 JavaScript 代码的轻量级库。它也被视为MVC/MV *类的框架。如果您不熟悉 MVC,它基本上是一种用于实现用户界面的架构模式。它将应用程序分为三种组件:

  • 模型
  • 看法
  • 控制器

目的是促进关注点的分离,从而产生更好的结构化和更可维护的应用程序。 Backbone.js 确实提供了模型和视图的概念,但 Backbone.js 视图就像 MVC 中的控制器。所以它更像是 MV *类的框架。更准确地说,它甚至不是一个框架,它只是一个可以在任何地方使用的库。

Backbone.js 还提供了称为路由器的概念。它用于开发单页应用程序。单页应用程序是一种适合单个网页的 Web 应用程序。旨在提供类似于桌面应用程序的丰富用户体验。

在单页应用程序中,所有必要的代码(例如 HTML、CSS 和 JavaScript)都通过单页加载进行检索。它提供以下功能:

  • 丰富流畅的用户体验
  • 最初检索所有必要的代码
  • 其他资源按需加载到同一页面
  • 单页应用程序的一个示例是Gmail

使用 Backbone.js,我们可以创建一个单页应用程序。 Backbone 非常适合通过一组 REST API 构建富客户端应用程序。

Backbone.js 的特点: Backbone.js有以下优点:

  • 允许通过 JavaScript 函数轻松构建应用程序及其前端
  • 提供不同的构建块,例如模型、视图和控制器
  • 自动更新应用程序的 HTML 代码
  • 提供免费的开源库
  • 允许以结构化和组织良好的格式开发客户端 Web 或移动应用程序
  • 它的库为设计应用程序提供了良好的组织和结构
  • 它清晰、易读且评论良好
  • Backbone.js 模型可以很容易地绑定到后端
  • 允许使用 jQuery 框架开发小型 Web 应用程序
  • 它更简单,更强大。
  • 社区和生态系统是巨大的
  • 它分离了业务和用户界面逻辑
  • 代码简单、系统、有条理

安装过程:可以通过以下方法使用Backbone.js:

  • 从官网下载
  • 使用 CDN。

从官网下载:打开http://backbonejs.org/,你会看到三个选项,如下图:

  • 开发版:您可以右键单击它并保存链接,您将获得 JavaScript 库。
  • 生产版本:右键单击它并保存链接。保存后,您将获得Backbone-min.js库文件
  • Edge 版本:它是一个未发布的版本,意味着它的开发仍在继续。它已打包并压缩

使用 CDN 链接:内容交付网络是向用户提供文件的网络。这是 Backbone.js 的 CDN

例子:

HTML


  

    Example of Backbone.js
    
    
    
    

  

  


输出:

Backbone.js 示例

在本例中,我们使用的是 Backbone.js,并且为此使用了 CDN。在这里,我们正在创建一个名为Company的模型。我们已经创建了一个模型公司的实例,它是一家公司。我们为它设置了两个属性:

  • 姓名和
  • 类别

我们可以使用set关键字和创建的模型实例来设置属性。并使用model.get()方法将其打印在文档上。所以我们会得到如下输出:

Company name is: GFG and category is: Education

Backbone.js的主要组件:Backbone.js 的主要组件有:

  • 意见
  • 活动
  • 楷模
  • 收藏品
  • 路由器

Backbone.js的应用:Backbone.js 的应用有以下几种

  • 主要用于开发单页网页应用。
  • 它还用于同步 Web 应用程序的各个部分。
  • 它为我们的网页提供了结构。

Backbone.js 的优点:Backbone.js有以下优点:

  • 允许通过 JavaScript 函数轻松构建应用程序及其前端
  • 提供不同的构建块,例如模型、视图和控制器
  • 自动更新应用程序的 HTML 代码
  • 提供免费的开源库
  • 允许以结构化和组织良好的格式开发客户端 Web 或移动应用程序
  • 它的库为设计应用程序提供了良好的组织和结构
  • 它清晰、易读且评论良好
  • Backbone.js 模型可以很容易地绑定到后端
  • 允许 moe 使用 jQuery 框架开发小型 Web 应用程序
  • 它更简单,更强大。
  • 社区和生态系统是巨大的
  • 它分离了业务和用户界面逻辑
  • 代码简单、系统、有条理

Backbone.js 的缺点:需要较长的开发时间

  • 需要对内部运作有更深入的了解
  • 调试可能很痛苦
  • 可能很慢