nodejs:expressjs+backbonejs+gulp简单实践

nodejs:expressjs+backbonejs+gulp简单实践(一)

经过一个星期左右对backbonejs,gulp的学习和尝试,本着不动手做项目不能掌握的精神,所以用nodejs的express框架+backbonejs搭建了一个nba数据的例子。希望有兴趣的同学可以参与进来。github项目地址->

  • 后台使用nodejs的express框架
  • 使用superagent模块获取数据(不好的地方,没用到数据库,访问页面时会出现延时)
  • 前端使用seajs和backhonejs结合完成展示(使用seajs引用需要改动基础库,具体改动方法:CMD 模块定义规范)

项目启动

  • 安装模块 npm install
  • 启动项目 coffee app.coffee
  • 访问地址 http://localhost:3000/static/nba.html

Backbonejs介绍

backbone.js 提供了一套web开发的框架,通过model进行自定义事件绑定,通过collection提供的api用于枚举功能,通过view用于事件处理和通过restful json进行交互,它是基于jquery,underscore的一个前端js框架。

gulp介绍

gulp是一个构建系统,能够通过自动执行任务,比如预处理css,压缩javascripts和自动刷新浏览器等。使开发网站更加简单。

gulp vs grunt

  1. 易用:像使用nodejs一样组织代码,让事情变得简单(代码优于配置的策略)。
  2. 高效:利用nodejs流,不需要往磁盘生成中间文件,可以更快地完成构建。
  3. 高质量:gulp严格的插件方针(一个插件只实现一个功能),确保插件简单高效完成期望的工作。
  4. 易于学习:gulp能在短时间内掌握。构建的工作就是一系列的流管道。
plugin for gulp
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值