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 库文件。
边缘版本： 这是一个未发布的版本，意味着它的开发仍在进行中。它经过打包和压缩。

使用 CDN 链接： 内容传递网络是一个向用户提供文件的网络。下面是 Backbone.js 的 CDN。

示例：

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>Example of Backbone.js</title>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"
            type="text/javascript"></script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
        type="text/javascript"></script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
        type="text/javascript"></script>
    <script type="text/javascript">
        var Company = Backbone.Model.extend();
        var company = new Company();
        company.set
            ({
                name: "GFG",
                category: "Education"
            });
        document.write("Company name is: ", company.get('name'));
        document.write(" and category is: ", company.get('category'));
    </script>
</head>
 
<body></body>
 
</html>

输出：

Backbone.js 是什么

在这种情况下，我们使用了Backbone.js，并且我们已使用CDN进行了设置。这里我们正在创建一个名为 Company 的模型。我们创建了一个模型 Company 的实例以及一个公司。我们为它设置了两个属性：

name和
category

我们可以使用一个使用创建的模型实例的 set 关键字来设置属性。并通过 model.get() 方法将其打印在文档中。所以我们将得到输出：

Company name is: GFG and category is: Education

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

视图（Views）
事件（Events）
模型（Models）
集合（Collections）
路由器（Routers）

Backbone.js的应用： Backbone.js的应用有以下几个方面：

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

Backbone.js的优点： Backbone.js有以下几个优点：

通过JavaScript函数轻松构建应用程序及其前端
提供不同的构建块，例如模型（model）、视图（view）和控制器（controller）
自动更新应用程序的HTML代码
提供免费和开源的库
以结构化和良好组织的格式开发客户端Web或移动应用程序
其库为应用程序设计提供良好的组织和结构
代码清晰、可读且有良好注释
Backbone.js模型可以轻松地与后端绑定
允许使用jQuery框架开发小型Web应用程序
简单且功能强大
社区和生态系统庞大
分离业务与用户界面逻辑
代码简单、系统化和有组织性

Backbone.js的缺点： 需要更长的开发时间