Content
20 Lessons • 0 Quizzes • 0 Challenges
简介
- 1
Marionette.js 是一个用于构建大型单页应用（SPA）的 JavaScript 框架，它建立在 Backbone.js 之上，提供了一套更高级的抽象和工具，帮助开发者更好地组织代码结构。它通过引入视图管理、控制器、区域（Regions）、应用架构等概念，使开发复杂前端应用更加高效和可维护。Marionette.js 专注于解决 Backbone.js 在处理大型项目时常见的组织难题，例如视图管理混乱、事件处理复杂等问题。
- 2
运行应用程序
- 3
资产组织
显示静态视图
- 1
静态视图
- 2
动态指定视图模板
- 3
修改 DOM 结构
显示模型
- 1
从模型中显示内容
- 2
模型默认值和事件
- 3
练习：模型默认值与事件
- 4
解决方案：模型默认值和事件
显示模型集合
- 1
介绍 CollectionView
- 2
使用 CollectionView 列出我们的联系人
- 3
对集合进行排序
- 4
练习：对集合进行排序
- 5
解决方案：对集合进行排序
- 6
测验：模型集合
使用模块组织代码
- 1
从模块开始
- 2
定义模块
- 3
将联系人移动到实体模块
- 4
为 ContactsApp 子应用程序创建一个模块
- 5
移动应用程序初始化处理器
- 6
练习：声明一个模板子模块
- 7
解决方案：声明一个模板子模块
在视图中创建表格
- 1
构建一个 CompositeView
- 2
练习：构建一个 CompositeView
- 3
解决方案：构建一个 CompositeView
- 4
在 CompositeView 中的事件
- 5
练习：CompositeView 中的事件
- 6
解决方案：CompositeView 中的事件
事件、冒泡与 TriggerMethod
- 1
删除联系人
- 2
通过事件进行通信
- 3
添加动画
- 4
练习：事件与冒泡
- 5
解决方案：事件与冒泡
- 6
测验：事件、冒泡机制与触发方法
在专用视图中显示联系人
- 1
连接显示事件
- 2
联系人应用的显示子模块
实现路由
- 1
如何思考路由
- 2
向 ContactsApp 添加路由器
- 3
路由助手
- 4
通过事件简化路由代码
- 5
添加显示路由
- 6
处理不存在联系人的路由问题
- 7
练习：实现路由
- 8
解决方案：实现路由
- 9
测验：实现路由
处理持久化数据
- 1
为我们的实体添加本地存储
- 2
加载联系人
- 3
删除联系人
- 4
测验：处理持久化数据
处理数据延迟
- 1
延迟获取联系人
- 2
添加延迟对象
- 3
添加加载视图
- 4
练习：显示加载视图
- 5
解决方案：显示加载视图
- 6
向视图传递参数和序列化数据
- 7
测验：处理数据延迟
表单管理
- 1
编辑联系人
- 2
编辑按钮
- 3
保存修改后的联系人
- 4
数据验证
显示模态窗口
- 1
实现模态视图
- 2
实现模态功能
- 3
处理模态表单数据
复杂视图与基础视图
- 1
从基础表单视图扩展
- 2
从基类视图扩展
- 3
定位新添加的联系人
- 4
一些清理工作
- 5
测验：复杂视图与基础视图
使用专用区域管理对话框
- 1
清理我们的模态对话框代码
- 2
自定义 onRender
筛选联系人
- 1
向我们的应用程序添加联系人筛选功能
- 2
使用过滤集合
- 3
实现空视图
- 4
可选路由和查询字符串
- 5
测验：筛选联系人
添加子应用
- 1
关于子应用
- 2
设置模型
- 3
添加模板和视图
- 4
实现控制器和子应用
- 5
品牌导航
- 6
突出显示活动的页眉
- 7
处理菜单点击
结论
- 1
联系人管理应用程序概览
- 2
结语（总结）
附录：使用Web存储实现持久化
- 1
实施策略
- 2
代理构造函数
- 3
使用 Mixin 与 Underscore
- 4
确定存储密钥
- 5
使用 Apply 函数调用构造函数
附录：创建一个FilteredCollection
- 1
创建用于集合的新文件
- 2
处理各种情况
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:Anonymous User