Backbone.js 实用方法有哪些

Backbone.js 实用方法有哪些

Backbone.js 是一个用于组织JavaScript代码的精简库。MVC/MV*框架是其另一个术语。如果你对MVC不熟悉,它只是一种设计用户界面的技术。JavaScript函数使得程序用户界面的创建变得更加简单。BackboneJS提供了各种构建元素,帮助开发人员创建客户端Web应用程序,包括模型(models)、视图(views)、事件(events)、路由器(routers)和集合(collections)。

Backbone.js的实用方法:

Backbone.noConflict: 当Backbone对象需要保留其原始值时,使用Backbone.js的noConflict实用工具。作为对Backbone的引用,我们可以使用该函数的返回值。

语法:

var backbone = Backbone.noConflict();

Backbone.$: Backbone.js $ 实用工具在存在几个 jQuery 库时非常有优势。它用于指定特定的对象具有特定的 DOM 或 AJAX 库。

语法:

Backbone.= 

示例1: 以下代码演示了如何使用noConflict工具:

HTML

<!DOCTYPE html>
 
<head>
    <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>
</head>
 
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
    <h3>What are the methods of utility in Backbone.js?</h3>
    <script type="text/javascript">
        this.Backbone = {
"Test": "This is not original Backbone's Version value which is being used, Version:"
            , VERSION: '1.1.0'
        }
    </script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
            type="text/javascript">
    </script>
    <script>
        var testbackbone = Backbone.noConflict();
        console.log(Backbone)
        document.write(Backbone["Test"], `
        ${Backbone['VERSION']}<br>`);
        console.log(
"Original version's value of backbone which is being used is ", 
          testbackbone.VERSION);
    </script>
</body>
 
</html>

输出:

Backbone.js 实用方法有哪些

示例2: 下面的代码演示了我们如何使用$ 工具:

HTML

<!DOCTYPE html>
<html>
 
<head>
    <script src=
"https://code.jquery.com/jquery-1.12.4.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>
</head>
 
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
 
    <h3>What are the methods of utility in Backbone.js?</h3>
 
    <script type="text/javascript">
        Backbone.= {
            VERSION: '1.1.1',
            emulateHTTP: true,
            emulateJSON: true
        };
        console.log(Backbone.);    
    </script>
</body>
 
</html>

输出:

Backbone.js 实用方法有哪些

参考链接: https://backbonejs.org/#Utility

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程