WEB前端教程：个人记账本
基于上一任务，完善记账功能，增加统计图表功能
个人记账本基础版
阅读
移动
- 移动 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)
编码
基于上一任务，完善记账功能，增加统计图表功能
以上图仅作参考，大家可以随意按照自己的喜欢进行界面设计。
注意事项
- 进一步完善任务一的功能细节及用户体验
- 增加各种交互的动画效果
- 完整支持记账的增删改查功能
- 增加记账统计功能，可以按照多种维度进行账目统计（如收入/支出 类型，时间范围，月周粒度等）
更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。
长按或扫描下方二维码，免费获取 Python公开课和大佬打包整理的几百G的学习资料，内容包含但不限于Python电子书、教程、项目接单、源码等等
- 发表于 2022-11-04 10:13
- 阅读 ( 696 )
- 分类：WEB前端开发
