入门指南 获取Ember 概念 对象模型 应用 模板 路由 组件 控制器 模型 视图 枚举 测式 配置Ember.js COOKBOOK 理解Ember.js

发布于 2015-08-18 16:26:04 | 1048 次阅读 | 评论: 0 | 来源: 网络整理

尽管TodoMVC是一个小应用,但是它涵盖了现今典型单页面应用(single page applications)几乎所有的行为。在继续之前,先从用户视角了解一下TodoMVC是怎样工作的。

TodoMVC包含了以下几个主要功能:

  1. 为用户提供一个todos的列表,并且会随着用户添加或移除todos进行增长与缩减。

  2. 从一个 <input> 框接收文本作为新建todos的入口,当点击 <enter> 键时,创建一项,并在列表下方显示。

  3. 为每一个todo提供一个 checkbox 用于切换完成与未完成状态。新建的todo默认为未完成状态。

  4. 显示所有未完成的todos的数量,并在添加新todos和现有todos完成时,动态改变显示的值。

  5. 提供导航链接,使用户能切换显示全部(all)、未完成(incomplete)与完成(completed)的todos。

  6. 提供一个按钮用于提示用户当前已完成的todos数目,并在点击时移除所有已完成的todos。当无已完成todos时,此按钮不显示。

  7. 为每一个todo提供一个删除按钮,这个按钮显示为一个红色的X,并只在用户鼠标移动到这个todo上时显示。

  8. 提供一个 checkbox 用于切换列表中所有的todos的完成与未完成状态。而且,当所有的todos状态为完成时,它自动变为勾选状态。

  9. 允许用户双击某一个todo,显示一个 textfield 用于修改这个todo。点击 <enter> 键或者当鼠标焦点从这个 textfield 移除时,持久化更改的内容。

  10. 使用 本地存储(localstorage) 机制保存用户的todos列表,在应用程序启动时重新加载。

你可以通过访问TodoMVC站点来体验一下完整的版本。

最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务