x-pocket-book

简易记账本

Refer: XMind 前端面试大作业 - 1

Notes: 解决本题目时的思考文档

Deploy: 线上链接, 建议桌面模式查看，移动端做了适当的调整，也可操作。

Environment: 开发环境为 mac / windows , node 版本为 v12.13.1，理论上 node@8.x 即可支持，按照 package-lock.json 安装依赖即可。

Compatible: 页面兼容性 IE9+ 及其他现代浏览器，取决于 VueJS 的兼容性。

Extra: 本次作业实现的内容除了满足基本定性需求之外，还包括以下内容：

1. 性能优化：基于 webpack 的项目依赖分析，按需加载组件和图表展示
2. 单元测试：基于 jest 的组件单元测试
3. 项目部署：基于 nginx 的项目部署，配置 https：https://pocket.hawtim.com/
4. 代码质量：项目工程文件的引入，对代码规范的处理 .prettierrc .editorconfig
5. 开发效率：针对 npm 的代理及其他设置的 .npmrc 和代码跳转的 jsconfig.json
6. 文档总结：remote-ssh 的使用 hawtim/hawtim.github.io#32
7. 产品思维：使用图表的形式来呈现统计内容更加直观，符合用户体验设计

以上任何问题，欢迎 issues。

Basic requirement

1. 加载我们所提供的数据；
2. 以列表的形式展示账单内容，并且提供下拉框选择月份进行筛选，其中列表中所展示的账单为选择月份的账单；
3. 支持使用者添加账单；
4. 简单地统计并展示所选月份的收入和支出总金额。

Advance requirement

1. 对账单分类进行二次筛选；
2. 对选择月份内的所有账单根据账单分类进行支出金额统计，并进行排序。

For remote

写一篇简单的文档来描述你对解决本题目时的思考过程，并对其中所遇到的问题和你的解决方案进行描述。

Build with

VueJS, ElementUI, Vuex, Vue-Router, Dayjs, v-chart

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Run your end-to-end tests

npm run test:e2e

Lints and fixes files

npm run lint

Webpack bundle analysis

npm run analyzer