Eslint

eslint是一个QA工具，用来保证团队代码风格一致性，以及避免低级错误，支持JS/JSX文件

通过.eslintrc.json可以对eslint进行配置，并且可以安装插件进行不同代码风格的自动配置

Standard

standard是一套JavaScript 代码规范，自带 linter & 代码自动修正

RESTful API

1
2
3
4
5
6

/get /users
/getByID /users/:id
/post /users [body]
/put /users/:id [body]
/patch /users/:id [body]
/delete /users/:id

以上是一些基本规范，但REST不是银弹，比如批量处理、getuser、login

主要针对以下几个问题进行优化：

1. 打包编译速度慢
2. 打包后文件体积大

使用webpack-bundle-analyzer插件可以图形化观看每个module的体积大小

关键字：自动化、报表、WAP

自动化

指机器设备、系统或过程（生产、管理过程）在没有人或较少人的直接参与下，按照人的要求，经过自动检测、信息处理、分析判断、操纵控制，实现预期的目标的过程

这是自动化的广泛定义，那么在前端项目中如何做到自动化呢？
首先是配置，在前端组件化泛滥的今天，一个良好的配置项和API显得尤为重要

• 低耦合 例如React中的纯函数组件思想，给组件传入相同的props得到的必定是同样的结果
• 可复用性 复用性越强，则暴露的接口越多，也更灵活。但带来的缺点是API过于复杂，所以需要给定默认值，也就是可根据需求传入配置
• 后端对接 后端需要对API进行独立封装，更语义化，前端拿到的还是基础API，并进行解析展示相应模块和组件
• 后台配置 通过可视化的方式进行报表配置，并将配置项保存到数据库，同时所见即所得，在配置页可增加预览报表功能

需要升级的包列表

1
2
3
4
5

npm i [email protected] --save
npm i [email protected] --save
npm i [email protected] --save
npm i [email protected] --save
npm i [email protected] --save-dev