用户登录

Backbone 应用实例

Backbone Use Case

— 王皓

🦄 2024 独立开发者训练营，一起创业！查看介绍 / 立即报名（剩余10个优惠名额） →

这个应用实例课程里，算是对我们所学的 JavaScript 的一个期中总结。用到了 Backbone，Underscore，jQuery，还有 JavaScript 的基础。

预览
1:52
准备
0:00
准备
6:36
HTML
3:22
创建任务
0:00
创建新任务的功能 - 创建任务模型
2:44
创建任务集合（任务列表）
2:29
理解 Backbone 的 localStorage
3:56
任务的视图（模型视图）
4:50
任务项目的模板
5:02
应用的视图
2:46
回车以后创建新任务 - keypress 事件
3:31
如果按的是回车键就去创建新任务
3:47
把任务项目显示在应用的界面上 - add 事件
4:22
回顾
3:42
切换状态
0:00
切换任务的完成状态 - 思路
1:08
切换任务的完成状态 - 实施
4:12
为完成的任务添加样式
3:07
当任务发生变化时重新渲染并显示 - change 事件
1:59
编辑任务
0:00
编辑任务
1:28
双击任务标题以后显示编辑任务的文本框 - dblclick 事件
4:21
回车或离开编辑任务的文本框时保存修改 - keypress 与 blur 事件
4:00
删除任务
0:00
删除单个的任务项目
3:04
删除以后立即把任务从界面中移除掉 - destroy 事件
1:23
删除单个任务的另一种方法
1:22
状态栏
0:00
显示还剩多少个任务与删除完成的任务按钮
1:07
得到完成的任务与未完成的任务
4:22
状态栏模板
2:43
在应用的视图里使用显示任务状态栏的模板
5:53
清除所有已完成的任务
2:55
切换所有任务的状态
2:58
切换显示
0:00
切换显示不同状态的任务列表
0:59
模板
2:29
路由器
4:08
利用自定义事件
3:48
判断是否要隐藏任务项目
6:42
激活菜单项
3:59

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网，每天进步一点