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
- 易用:像使用nodejs一样组织代码,让事情变得简单(代码优于配置的策略)。
- 高效:利用nodejs流,不需要往磁盘生成中间文件,可以更快地完成构建。
- 高质量:gulp严格的插件方针(一个插件只实现一个功能),确保插件简单高效完成期望的工作。
- 易于学习:gulp能在短时间内掌握。构建的工作就是一系列的流管道。