什么是 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
    
    
    
    
        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'));
    

  

  

输出：

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 的缺点：需要较长的开发时间

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