网上有很多的backbone.js,其实看了很多的资料但是都觉得不是很详细,作为新手的话很难看懂,现在对于backbone.js略懂一点,就写出来给初学的人参考,如果有觉得写得不好的地方可以交流。我尽量写好,废话不多说现在开始。
1.backbone.js就是javascript的一个框架。它是基于MVC的。所以它有model、view和control之分,这里的control其实就是它里面的router。
2.因为backbone.js是基于underscore.js的所以我们需要导入它的包其次还要导入require.js。
3.导入包之后基本工作就完成了,但是我建议在项目里面建三个文件夹models、views、tmpls。
models:用于专门处理数据。
views:用于控制页面效果,处理前台展示。
tmpls:专门放静态化的html页面。
4.如果是多人开发一个项目的话这样写比较不容易混淆。这些建完了之后还有一个重要的就是router。router是程序的入口,有着很重要的作用。开发模块不同最好建不同的router,因为一旦出现问题就不好调试。所以我们可以在router.js里面这样写:
define(function(require, exports, module) {
var Backbone = require('backbone');
require('app/routers/routerOne');
require('app/routers/routerTwo');
require('app/routers/routerThree');
var initialize = function() {
Backbone.history.start();
};
return {
initialize: initialize
};
});
然后分别建不同的one、two、three等子router这样就可以避免不必要的冲突而且便于管理,然后在app.js里面把总的router require进去就可以了。
5.router配好后项目运行还是会有问题的,因为backhone.js里面很多的方法都是异步运行的,所以我们需要准备一些基础的方法,也就是说先同步去加载它前面要用的方法,不然就会出现问题。这里就会有一个main.js。
它的paths实例:
'jquery': 'libs/jquery/jquery-1.8.0.min',
'underscore': 'libs/underscore/underscore-1.3.1.min',
'backbone': 'libs/backbone/backbone-0.9.0'
引入后就可以去控制加载顺序,也可以说是依赖关系。
'backbone': {
deps: ['underscore'],
exports: 'Backbone'
}
这里的意思就是backbone运行需要依赖underscore。在其之前加载underscore。
6.我们还需要页面,可以建一个index.html,程序就只加载它,里面的内容我们动态的添加进去。至于怎么加等下再详细说。
基本框架到这里已经搭好了。下一篇博客我会讲怎么去开发一个功能。希望对你有用。
分享到:
相关推荐
JavaScript的Backbone.js框架入门学习指引_.docx
实例讲解JavaScript的Backbone.js框架中的View视图_.docx
backbone.js提供了一套web开发的框架,为复杂javascript应用程序提供一个mvc结构。, 《backbone.js应用程序开发》详细介绍了如何使用backbone.js完成web应用开发。全书从了解mvc、spa和backbone.js的基本知识开始,...
Backbone.js提供了一套Web开发的框架,为复杂的JavaScript应用程序提供了一个MVC结构。 《Backbone.js应用程序开发》详细介绍了如何使用Backbone.js完成Web应用开发。全书从了解MVC、SPA和Backbone.js的基本知识...
Backbone.js is a popular library to build single page applications used by many start-ups around the world because of its flexibility, robustness and simplicity. It allows you to bring your own tools ...
backbone.js提供了一套web开发的框架,为复杂javascript应用程序提供一个mvc结构。 《backbone.js应用程序开发》详细介绍了如何使用backbone.js完成web应用开发。全书从了解mvc、spa和backbone.js的基本知识开始,...
backbone.js框架的简单入门教程,教程目的就是让初学者快速在项目中运用backbone.js
Backbone.js is a popular library to build single page applications used by many start-ups around the world because of its flexibility, robustness and simplicity. It allows you to bring your own tools ...
Apress Full Stack JavaScript Learn Backbone.js Node.js and MongoDB (2nd Edition).pdf
backbone.js提供了一套web开发的框架,为复杂javascript应用程序提供一个mvc结构。, 《backbone.js应用程序开发》详细介绍了如何使用backbone.js完成web应用开发。全书从了解mvc、spa和backbone.js的基本知识开始,...
backbone.d3, 使用 backbone.js 视图的可重用D3可视化 backbone.d3 backbone.d3 是一个 backbone.js 插件插件,它使用 D3.js 可视化库插件提供一组可重用图表。继续进行调优,了解更多信息 !版权和许可证版权所有 ...
backbone.routemanager, 更好的backbone.js 项目路由管理 backbone.routemanager由 Tim Branyen @tbranyen 创建。向 Backbone.Router 提供缺少的特性。依赖于下划线,Backbone 和 jQuery 。 你可以使用定制配置完全...
[奥莱理] Backbone.js 应用程序开发 (英文版) [奥莱理] Developing Backbone.js Applications (E-Book) ☆ 出版信息:☆ [作者信息] Addy Osmani [出版机构] 奥莱理 [出版日期] 2013年05月29日 [图书页数] 374...
主要介绍了JavaScript的Backbone.js框架环境搭建及Hellow world示例,Backbone是一个类似MVC结构的前端MVVM框架,非常轻量,需要的朋友可以参考下
Backbone.js API中文文档,供有需要的伙伴们使用。 Backbone.js API中文文档,供有需要的伙伴们使用。 Backbone.js API中文文档,供有需要的伙伴们使用。
详解Backbone.js框架中的模型Model与其集合collection_.docx
You'll learn how to create structured JavaScript applications, using Backbone's own flavor of model-view-controller (MVC) architecture. Start with the basics of MVC, SPA, and Backbone, then get your ...