项目简述
为卫健委做的一个人口信息采集及分析的数据平台,用户通过登录该平台进行人口信息录入,数据统一汇总,分析对比数据,查询展现,发送审批,数据可视化处理等功能。
项目业务架构
- 权限模块(登录,注册,修改信息,修改权限)
- 信息采集(增删改查家庭户信息)
- 信息处理(对信息进行校验,审批,分析,预警)
- 数据展示(将信息进行统一处理进行可视化展示)
技术栈
react+redux+webpack+axios+git
项目技术架构
- 公共组件 登陆页面、公共的头部、侧边栏导航、底部以及错误页面
- axios封装 封装的部分有添加请求拦截器、响应拦截器、设置响应时间以及将 token 添加到请求头等功能
- 性能优化 加快打包速度-Dllplugin,happyPack(多线程)
减少http请求次数-浏览器缓存(静态资源)
减少资源包的体积-webpack一些插件压缩js,css,图片体积; CommonChunkPlugin分离第三方库和公共模块
代码写法上的优化-防抖节流