一个简易记账本功能的pwa项目。

技术栈

vue全家桶 = vue + vuex + vue-router

ui = vant v1.1.4 1.2.0版本以上CellSwipe该名成SwipeCell了，请注意。

本地存储 = localstorage

pwa应用和用啥框架没有关系，主要是service-work，这里因为vue有提供一个pwa的模板所以就直接用了，ui的组件库用了vant，这个库专注移动端，像数字键盘等组件还是很不错的。

预览地址

图片

gif动图:

一些截图

todoList

• 时间处理类
• 流水记录(日期查询)
• 分类统计
• 统计报表
• 离线缓存
• 闪屏处理
• icon处理
• 首部、底部icon、文字优化
• 第二个模块(Note)
• 第三个模块(About)
• 模块依赖分析与优化
• 移动端适配

离线缓冲和icon处理在chrome上面测试时是没有问题的，ios上测试好像不太行。

更新记录

1.0.2

1. 分类统计
2. 统计报表

---

如何开始

# 安装依赖
npm install

# 启动服务
npm run dev

# 打包
npm run build

# 带分析报告的打包
npm run build --report

部署

因为没有涉及到服务相关，所以直接丢到github page上面就可以了，而且刚好还是https协议符合pwa的要求。