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>
输出:

示例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>
输出:

参考链接: https://backbonejs.org/#Utility
极客教程