Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hawtim/xmind-interview-work
https://github.com/hawtim/xmind-interview-work
interview interview-practice pocket-book vuejs xmind
Last synced: 27 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/hawtim/xmind-interview-work
- Owner: hawtim
- Created: 2020-07-01T02:12:19.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-07-14T17:29:34.000Z (over 1 year ago)
- Last Synced: 2024-10-14T21:09:40.576Z (2 months ago)
- Topics: interview, interview-practice, pocket-book, vuejs, xmind
- Language: Vue
- Homepage: https://github.com/xmindltd/hiring/tree/master/frontend-1
- Size: 911 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# x-pocket-book
简易记账本
`Refer`: [XMind 前端面试大作业 - 1](https://github.com/xmindltd/hiring/blob/master/frontend-1/README.md)
`Notes`: [解决本题目时的思考文档](https://github.com/hawtim/x-pocket-book/blob/master/POINT.md)
`Deploy`: [线上链接](https://pocket.hawtim.com/), 建议桌面模式查看,移动端做了适当的调整,也可操作。
`Environment`: 开发环境为 mac / windows , node 版本为 v12.13.1,理论上 [email protected] 即可支持,按照 `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 的使用 https://github.com/hawtim/blog/issues/32
7. 产品思维:使用图表的形式来呈现统计内容更加直观,符合用户体验设计以上任何问题,欢迎 issues。
## Basic requirement
1. 加载我们所提供的数据;
2. 以列表的形式展示账单内容,并且提供下拉框选择月份进行筛选,其中列表中所展示的账单为选择月份的账单;
3. 支持使用者添加账单;
4. 简单地统计并展示所选月份的收入和支出总金额。## Advance requirement
1. 对账单分类进行二次筛选;
2. 对选择月份内的所有账单根据账单分类进行支出金额统计,并进行排序。## For remote
写一篇[简单的文档](https://github.com/hawtim/x-pocket-book/blob/master/POINT.md)来描述你对解决本题目时的思考过程,并对其中所遇到的问题和你的解决方案进行描述。
## 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
```