手写服务器、数据Mock、前后端联调 代码仓库 test-node-module-promise 大纲链接§ [toc] 前端在开发中如何mock数据 涉及与后端交互，发送Ajax请求，从后台获取数据/向后

【项目-喵内0∞0记账-meowney-∞】项目复盘与总结以及部署 大纲链接§ [toc] 项目用到的知识点 ⇧ 类组件（class） + 装饰器（TypeScr

2.1 简单轮子VueInput.vue：文本输入框 和单元测试 大纲链接§ [toc] VueInput 组件需求分析 User Case 输入 提示 用户名必须为英文 报错信息 清空 复制/粘贴 键盘 Tab 敲

1.3 优化组件建构 大纲链接§ [toc] 为了方便展示，使用 tab 切换不同组件组合，同时也为了之后添加新组建 VueButton 重构组件 Buttons Inputs 优化组件建构 使用 tab 展示不同组件组合 使用

【项目-喵内0∞0记账-meowney-08】功能扩展包 DLC-页面会话保存sessionStorage + 路由守卫 大纲 [toc] Vue文档中的路由守

VueButton添加单元测试 [toc] 添加单元测试与Mock数据 Chai 让测试更方便，断言代码符合自然语言描述 Chai.js 官网 https://www.chaijs.com/ BDD - Behavior-Driven Development 自然语言描述需求 foo.shoud.be.a('string') TDD - Test-Driven Development

【项目-喵内0∞0记账-meowney-07】功能扩展包 DLC-使用统计图表 echarts 大纲 统计图表 【数据可视化】Echarts 使用指南 在 Vue 记账中加入

【项目-喵内记账-meoney-05】Statistic.vue 组件 列表统计页面 -标记问题 大纲链接§ [toc] 知识概要 封装 Tabs，样式使用 deep 深度作