Backbone Generator Todo应用探索指南
在Backbone Generator Todo项目中，我们通过Backbone.js与Yeoman生成器的结合，搭建一个简单高效的Todo应用框架。以下为关键知识点及其实现方法：
1. Backbone.js 核心概念：
-
模型（Models）：管理数据和业务逻辑。
-
视图（Views）：处理DOM事件，负责渲染。
-
集合（Collections）：模型的集合，便于管理数据。
-
路由器（Routers）：负责URL导航与应用状态间的映射。
2. Yeoman生成器：Yeoman是一个自动化工作流工具，能通过生成器创建项目基本结构，大幅节省重复性工作。使用backbone-generator-todo-jade生成器可以完成以下工作：
-
初始化Git仓库
-
创建
package.json -
搭建文件结构等基础内容
3. 使用Pug创建简洁模板：Pug（旧称Jade）是一种HTML模板引擎，语法简洁，适合快速开发。如div(class='container')对应HTML的，在Todo应用中用于创建任务列表、输入框、按钮等界面元素。
4. 项目结构及文件配置：
-
models：存放Todo模型，定义数据和业务逻辑
-
views：视图文件，与用户交互并更新界面
-
collections：多个Todo时使用TodoCollection管理
-
router：处理URL与应用状态间的映射
-
templates：Pug模板文件，定义页面布局
-
app.js：应用主入口，连接模型、视图和路由器
5. 开发流程：安装Yeoman及其生成器backbone-generator-todo-jade，根据生成器提示完成新项目设置。自定义Pug模板，设置任务操作功能，如任务新增、删除、状态切换等。使用构建工具（如Grunt、Gulp）进行项目编译与打包。
6. 最佳实践：
-
遵循模块化与DRY原则，代码清晰、可复用
-
利用Backbone事件系统解耦组件，增强代码灵活性
