在backbone.js项目中导入和使用javascript库

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在backbone.js项目中导入和使用javascript库相关的知识,希望对你有一定的参考价值。

我是backbone.jsrequire.js的新手。目前我创建了一个骨干项目。这是app.js代码:

 define([
  'jquery',
  'underscore',
  'backbone',
  'script',
  'router'

 ], function($, _, Backbone, Script, Router){

 var initialize = function(){
    Router.initialize();
 };

 return {
    initialize: initialize
 };

});

这是main.js

require.config({
path: {
    jquery: 'libs/jquery/jquery-min',
    underscore: 'libs/underscore/underscore-min',
    backbone: 'libs/backbone/backbone-min',
    script: 'libs/scripts/index'
},

shim:{
    backbone: ['jquery', 'underscore'],
    script: ['jquery'],
    enforceDefine: true
}
});

require([

'app',

], function(App){

App.initialize();

});

最后一个是router.js

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

var AppRouter = Backbone.Router.extend({

    routes:{

        '*actions': 'defaultAction'
    }

});

var initialize = function(){
    var app_router = new AppRouter;
    app_router('route:defultAction', function(actions){

    });

    Backbone.history.start();
};

 return {
    initialize: initialize
 };
});

我想将jquery-json library添加到我的项目中。如果在html project,这是我的代码:

<script type="text/javascript" src="jquery-min.js"></script>
<script type="text/javascript" src="jquery.json-2.4.min.js">

</script>
<script>

     function serializeObjToJSON(_obj) {
         var _json = $.toJSON(_obj);
         return _json;
     }

     function deserializeJSONToObj(_json) {
         var _obj = $.evalJSON(_json);
         return _obj;
     }

</script>

我想导入上面的库并在我的骨干项目中使用它。但我不知道该怎么做。

非常感谢任何帮助,谢谢。

答案

在你的主JS中你应该添加JSON引用。 (将jquery.json-2.4.min.js放入lib /文件夹)

require.config({
path: {
    jquery: 'libs/jquery/jquery-min',
    underscore: 'libs/underscore/underscore-min',
    backbone: 'libs/backbone/backbone-min',
    script: 'libs/scripts/index',
    json: 'libs/jquery.json-2.4.min'
}

然后,您可以将其作为定义添加到app.js或任何其他在引用中使用它的module.js文件中。

define([
  'jquery',
  'underscore',
  'backbone',
  'script',
  'router',
  'json'


 ], function($, _, Backbone, Script, Router, Json){

 //Code

 }

然后在你的js文件中你引用了json。你可以用它来调用它

 Json.method()

例如..只要你编写json,它就会查找你的定义,然后为你调用的函数引用该lib。

所以你的index.js或者你想要调用它的任何一端都需要这样的东西:

define([
      'jquery',
      'underscore',
      'backbone',
      'script',
      'router',
      'json'


     ], function($, _, Backbone, Script, Router, Json){

serializeObjToJSON: function(_obj) {
         var _json = Json.toJSON(_obj);
         return _json;
     }

     deserializeJSONToObj: function(_jsonObject) {
         var _returnObj = Json.evalJSON(_jsonObject);
         return _returnObj;
     }

以上是关于在backbone.js项目中导入和使用javascript库的主要内容,如果未能解决你的问题,请参考以下文章

如何在ionic 4项目中导入和使用自定义cordova插件

如何在 django 项目中导入和显示 csv 文件

如何使用 JAVA 在 Web App 中导入和显示 3D 文件 (.stl)?

Backbone.js 仅在 IE7 中导致错误

在反应中导入和导出模块

如何在基于 BB10 Cocos2D 的应用程序中导入和使用 QObject