seajs+backbone实例
来源:互联网 发布:unix高级编程视频教程 编辑:程序博客网 时间:2024/06/06 20:07
最近看到网上有许多人在讨论前端的框架,抽时间看看前端框架,写点东西算是对自己一个对前端的交代。
看到评论比较多的前端框架backbone,据说很多大公司都在用,所以去官网找到了todos的例子看了一下,的确如大家评论的那样,我比较熟悉java方面的开发,对于前端框架不是很感冒,但是看完了以后发现学习起来很嗨啊
今天把backbone的官方例子todos给改了一下,让它能够与seajs结合起来用,没啥技术含量,只是为了了解一下backbone与seajs结合的方法
seajs的config配置:
//Change version (xxxxx.v\d+) after modified to clear cache!
var alias={
// modules.seajs.com
'jquery':'js/libs/jquery/1.8.3/jquery',
'$':'js/libs/jquery/1.8.3/jquery',
'underscore':'js/libs/underscore/1.3.2/underscore',
'backbone':'js/libs/backbone/1.0.0/backbone',
'mustache':'js/libs/mustache/0.7.2/mustache',
'json': 'js/libs/json/2/json2',
'jqueryUI':'js/libs/jqueryui/1.8.21/jquery-ui',
'artdialog':'js/libs/artdialog/4.1.2/artDialog',
'iframetools':'js/libs/artdialog/4.1.2/iframeTools',
'localstorage':'js/libs/backbone/1.0.0/backbone.localStorage',
//---css
'todos.css':'./css/todos.css'
};
for (var a in alias) {
alias[a] = base + alias[a];
}
seajs.config({
alias: alias,
map: [
[ /^(.*\.(?:css|js))(.*)$/i, '$1?'+www_version ] // timestamp here, clean the cache
],
preload: [
this.JSON ? '' : 'json'
]
});
todos.js 文件里需要改一下定义方式,用seajs提供的方式:
define(function(require, exports){
//引相应的依赖lib
require('todos.css'); //引样式
require('jquery');
require('$');
require('underscore');
require('backbone');
require('json');
require('localstorage');
// Todo Model
// ----------
// Our basic **Todo** model has `title`, `order`, and `done` attributes.
var Todo = Backbone.Model.extend({
。。。。。
todos的html页:
去掉页面上所有引用的lib和样式,因为在todos.js里已经按照seajs的方式全部引用了,在todos的html页加上如下代码:
</script>
<script src="js/libs/seajs/2.0.0/sea.js"
data-config="./js/config.js"
data-main="./js/model/todos.js">
</script>
运行:
没改动什么东西,seajs还是满好用的,按需加载,不错!!
- seajs+backbone实例
- seaJS实例模板
- SeaJS实例小动画
- 我的seajs实例
- Seajs使用实例入门
- backbone中的view实例
- backbone中的model实例
- backbone的collection实例
- backbone实例todos分析
- backbone中的view实例
- seajs+backbone实现单页面应用模块…
- seajs+backbone实现单页面应用模块自动加载
- 3、backbone中的model实例
- 4、backbone的collection实例
- 5、backbone中的Router实例
- 6、backbone中的view实例
- 3、backbone中的model实例
- 4、backbone的collection实例
- 如何才能忘掉前男友呢
- jQuery最新版API视频完全呈现
- 【基础知识】Url参数格式
- 线程池需要考虑
- 进程和线程的区别 #include""和 #include <>区别
- seajs+backbone实例
- CMOS RAM 各字节的含义
- 【程序40】将一个数组逆序输出
- 常用的排序算法的时间复杂度和空间复杂度
- hdu 1431 素数回文
- MySQL排序参数设置
- OJ problem 1004
- Android程序对不同手机屏幕分辨率自适应的总结
- 利用VC++实现AVI文件的合成和分解