javascript - Backbone.js + Require.js 和 ViewsFactory

标签 javascript backbone.js requirejs

假设我们有这样的测试代码:

var App = (function () {

    var api = {
        Router: null,
        init: function () {
            this.content = $("#content");
            Backbone.history.start();
            return this;
        }
    };

    var ViewsFactory = {


        view1: function () {
            var model1 = new model1();
            return new api.Views.View1({
                model: model1
            });
        },

        view2: function () {
            var model2 = new model2();
            return new api.Views.View2({
                model: model2
            });
        },

        view3: function () {
            var model3 = new model3();
            return new api.Views.View3({
                model: model3
            });
        },


    };

    var Router = Backbone.Router.extend({
        routes: {
            "": "view1",
            "2": "view2",
            "3": "view3",
        },

        view1: function () {
            var view1 = ViewsFactory.view1();
            $(".content").html(view1.render().el);
        },  

        view2: function () {
            var view2 = ViewsFactory.view2();
            $(".content").html(view2.render().el);
        },

        view3: function () {
            var view3 = ViewsFactory.view3();
            $(".content").html(view3.render().el);
        },

    });

    api.Router = new Router();

    return api;
})();

我想使用 Require.js。请不要关注名称,而要关注想法。

  1. 如果我理解正确的话,我必须在 require 方法中包含每个 View (View1、View2、View3)和每个模型(Model1、Model2、Model3)。但是在这种情况下使用 Require.js 而不是传统的 <script> 的目的是什么?标签?
  2. 在 Backbone 项目中使用 ViewsFactory 是一种很好的做法吗?

最佳答案

为什么不是 View 工厂。就您而言,我不确定它是否真的有用。

requirejs 将帮助构建可重用的模块。 http://requirejs.org/docs/why.html

关于javascript - Backbone.js + Require.js 和 ViewsFactory,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31787346/

相关文章:

javascript - 如何向 div 中的不同元素添加不同的类?

javascript - 使用 Backbone.js 显示 Div

node.js - npm + Mocha + RequireJS

javascript - Angularjs - 如何在点击标题后加载图像/视频

javascript - 除以 anchor 字符串值?

javascript - Reactjs中多个元素的切换状态

Javascript将字符串中每个单词的第一个字母大写

javascript - 依赖注入(inject)与托管依赖与全局对象

requirejs - 使用 Gulp 和 Gulp-Durandal 进行 Durandal 优化不起作用

javascript - RequireJS - 单独加载 lodash 模块而不是整个库