# 个人记账本
# 个人记账本基础版
# 阅读
移动
- 移动 WEB 开发入门 (opens new window)
- 移动开发资源集合 (opens new window)
- The Mobile Web Handbook (opens new window)
- MobileWeb 适配总结 (opens new window)
- 移动前端不得不了解的 html5 head 头标签 (opens new window)
- 浅谈移动前端的最佳实践 (opens new window)
- touch 系事件 (opens new window)
- 移动端真机调试终极利器 - BrowserSync (opens new window)
# 编码
实现一个在移动端浏览器访问的个人记账软件
以上图仅作参考,大家可以随意按照自己的喜欢进行界面设计。
注意事项
- 除了 zepto 或者类似的 JS 基础库、不允许使用任何框架
- 不需要登陆注册等功能
- 支持不同类型的账目记录
- 数据存储可以使用 localStorage ,可以不需要 Server
- 如果需要使用 Server 端,不限制语言,但推荐 nodejs、Server 端框架使用不限制
# 个人记账本加强版
# 阅读
移动
- 移动 WEB 开发入门 (opens new window)
- 移动开发资源集合 (opens new window)
- The Mobile Web Handbook (opens new window)
- MobileWeb 适配总结 (opens new window)
- 移动前端不得不了解的 html5 head 头标签 (opens new window)
- 浅谈移动前端的最佳实践 (opens new window)
- touch 系事件 (opens new window)
- 移动端真机调试终极利器 - BrowserSync (opens new window)
# 编码
基于上一任务,完善记账功能,增加统计图表功能
以上图仅作参考,大家可以随意按照自己的喜欢进行界面设计。
注意事项
- 进一步完善任务一的功能细节及用户体验
- 增加各种交互的动画效果
- 完整支持记账的增删改查功能
- 增加记账统计功能,可以按照多种维度进行账目统计(如收入/支出 类型,时间范围,月周粒度等)