backbone.js - requirejs 具有 Backbone 兼容性-6ren

backbone.js - requirejs 具有 Backbone 兼容性

转载作者：行者123 更新时间：2023-12-02 22:17:56

24

4

下面的设置是让 backbone 与 requirejs 很好地配合的唯一方法——有没有更简洁的方法？无需每次都指定 Backbone 的完整路径？

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html>
<html lang="en">
<head>
<title></title>
<link href='<c:url value="/resources/css/bootstrap.min.css"/>'
    rel="stylesheet" type="text/css" />
    <script data-main="resources/js/main.js" src="resources/js/lib/require.js"></script>

</head>
<body>
    <ul class="nav">
    <li ><a href="#home">Home</a></li>
    <li><a href="#rentals">Rentals</a>
    <li><a href="#films">Films</a></li>
</ul>
</body>
</html>

主要.js

require.config({
    baseUrl : '/sakila/resources/js',
    paths : {
        jquery : 'lib/jquery-1.8.3.min',
        underscore : 'lib/underscore-min',
        jqueryui : 'lib/jquery-ui-1.9.2.custom.min'
    },
    shim : {
        '/sakila/resources/js/lib/backbone-min.js' : {
            deps : [ 'underscore', 'jquery' ],
            exports : 'Backbone'
        }
    }
});
require([ 'router' ], function(Router) {
    Router.initialize();
});

路由器.js

define(['underscore','jquery','/sakila/resources/js/lib/backbone-min.js'],function(_,$,Backbone){
    var AppRouter = Backbone.Router.extend({
        routes : {
            'home' : 'home',
            'films' : 'films',
            'rentals' : 'rentals',
            '*actions' : 'home', // default action
            '':'home'
        },
        home:function(){
            console.log('Routed to home');
        },
        films:function(){
            console.log('Routed to films');
        },
        rentals:function(){
            console.log('Routed to rentals');
        },

    });
    initialize = function() {
        var app_router = new AppRouter();
        Backbone.history.start();
        console.log('history started');
    };
    return {initialize:initialize};

});

最佳答案

您可以在您的 requirejs 配置路径中为 Backbone 创建一个别名，并在您的 shim 中使用该别名。此外，您无需指定 Backbone 的完整路径，因为它符合配置中的 baseUrl 选项。

require.config({
    baseUrl : '/sakila/resources/js',
    paths : {
        jquery : 'lib/jquery-1.8.3.min',
        underscore : 'lib/underscore-min',
        jqueryui : 'lib/jquery-ui-1.9.2.custom.min',
        backbone : 'lib/backbone-min'
    },
    shim : {
        backbone : {
            deps : [ 'underscore', 'jquery' ],
            exports : 'Backbone'
        }
    }
});

然后干净利落地用在别处。

define(['underscore','jquery','backbone'],function(_,$,Backbone){

})

关于backbone.js - requirejs 具有 Backbone 兼容性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14167682/

24

4

0

文章推荐： powershell - Get-ChildItem:仅显示不包含特定文件的文件夹

文章推荐： hibernate - 自动查询缓存失效

文章推荐： elasticsearch - Elasticsearch不返回结果

Perl 兼容性
这不是我的专业领域，所以我希望问的是正确的问题。我们有一台滚动租用的服务器。旧服务器是32位windows服务器，新服务器是64位windows 2008 R2 SP1。其中一个 Web 应用程序
JavaScript 兼容性
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
oracle - PLSQL_V2_COMPATIBILITY 兼容性
我已将 Oracle 数据库从 10g 迁移到 12c。从 12c 开始，oracle 不支持 PLSQL_V2_COMPATIBILITY 参数。该参数用于: https://www.safari
SQLServer 2000 兼容性
开发环境db server为SqlServer 2005(开发版) 有什么方法可以确保我的 SQL 查询将在 SqlServer 2000 中运行？此数据库设置为兼容级别“SQL Server 20
从更改的类读取序列化对象的 Java 兼容性
我有一个这种形式的类: public class Foo implements Serializable { private static final long serialVersionUI
java - Android隐藏状态栏、兼容性
我有以下代码来隐藏状态栏，取自 http://developer.android.com/training/system-ui/status.html和 Hide status bar android
jQuery .prop() 兼容性
我正在尝试测试 .prop() 是否方法存在于当前包含的 jQuery 中(出于兼容性原因): if(typeof $.prop === 'function') 我期望上面的条件是 true对于 jQ
javascript - 具有localStorage的BroadcastChannel-兼容性
当收到新消息时，我在项目中使用BroadcastChannel更改所有选项卡的标题。问题在于它仅适用于chrome和firefox。因此，我决定使用localStorage创建一个Broadcast
java - UTF8 兼容性
我正在使用一个函数通过 FTP 将一个文件上传到我的服务器。这是我的代码并且工作正常但是创建的文件 example.json 不兼容 UTF8，因为它有 Atlético 而不是 Atlético 例
Android 兼容性 ExceptionInInitializerError
我正在使用兼容性类来构建用户代理字符串: public abstract class Compatibility { private static int sdkInt = 0; pr
c - gzip 兼容性
我需要实现一个 C 例程来(解)压缩 gzip 格式的文件。谁能举个例子？我试过 zlib，但它似乎不兼容。谢谢。最佳答案 zlib 与 gzip 文件完全兼容，但您需要确保您使用的是面向 g
CSS IE 兼容性
我正在使用以下 CSS 代码，它与 Chrome 完美兼容，但与 IE 浏览器不兼容 .collapse{ display:block; } .collapse + input[type="c
android - match_parent 兼容性
我的应用程序以 android Sdk 的 v10 为目标，但具有 minSdkVersion 的 v6。默认情况下，“match_parent”属性将用于宽度或高度。我应该为 fill_parent
c++ - Dynamic_cast 兼容性？
我正在阅读有关 dynamic_cast 的内容，然后我遇到了以下语句 ( from cplusplus.com ): Compatibility note: This type of dynamic
Linux下Visual Studio与gcc的C++兼容性
我正在尝试在 Linux 下使用 QtCreator 构建一个用 VS 2008 编写的项目，但我遇到了很多错误: /home/ga/dev/CppGroup/MonteCarlo/main.cpp:
HTML5 视频格式 - 兼容性
因此，我正在构建一个网站，用户可以在该网站上上传观看视频。我正在使用标准的 HTML5 视频播放器 ( ... )目前，我使用多个来源:MP4、OGG 和 WEBM，以实现跨浏览器兼容性由于维护三
CSS属性框-反射(reflect)兼容性？
mozilla 和其他浏览器是否有类似-webkit-box-reflect 的属性？我无法在谷歌上找到哪些其他浏览器支持这个。因此，如果有人可以告诉我或给我链接，那就太好了。最佳答案这不仅可以使
powershell - 可选的静态类方法以实现接口(interface)兼容性
我定义了一个自定义的 ValidateSet 参数属性，如下所示: Class MyValidValuesAttribute : System.Management.Automation.IValid
.net 4.0 兼容性
我使用 .net 4.0、linq 等编写 winforms 应用程序。它可以在带有 .net 2.0 的机器上运行吗？最佳答案不，不会。为 Framework 4.0 版编译的应用程序将要求该框
CSS @keyframes translate3d 兼容性
我如何专门检查 @keyframes translate3d 动画与浏览器的兼容性？请不要关闭这个问题，因为在问这个问题之前我已经尝试了很多 stackoverflow 解决方案。我想检查我的网

首页

博学

6Ren·AI

商城

backbone.js - requirejs 具有 Backbone 兼容性