搭建对应可视化展示页面，通过大屏展示实时数据的更新。主要职责： 1.负责整体页面布局，实现复杂边框样式及部分动画效果 2.使用 Echarts 快速响应需求，用 D3 制作定制化图表 3.尝试引入 css-houdini，进行部分页面效果开发；利用 GPU 硬件加速，提高渲染效率 4.使用 koa 搭建中间层，合并前端请求，由中间层进行拆分处理，避免由于 http 原因造成请求阻塞；采用服务端渲染，减少首屏渲染时间 5.在动态预警子业务中，使用 websocket 进行通信，由后端推送实时数据取代被动的轮询请求 6.优化页面，采用 BigPipe 提高性能，通过流的方式进行分段渲染；引入 quicklink，利用浏览器空闲时间对 a 标签里的内容进行预加载，大大提高速度

1.设计vue项目内部脚手架，降低新项目工程化成本，缩短项目创建时间，一键完成项目所需全部基本配置 2.设计初始 cli 交互，使团队成员根据项目需要，选择所需的选项，对项目模板进行裁剪，配置适合的环境 3.对 webpack 环境进行配置、优化，分别配置开发、上线环境，优化开发环境用户体验，增加友好提示等；优化打包速度，采用多核、多线程等打包方式，将打包时间由原始的 2min 缩短至 18s，又采用缓存机制将第二次打包时间缩短至 8s 4.配置基本 demo 页面，完成路由管理、数据仓库初始化 5.配置服务端基本内容，使用 koa 搭建 node 中间层，配置 SSR 6.根据不同业务场景，配置多个不同的项目模板进行选择，匹配项目多样化

该项目由财务、企划相关的子平台组成，包括合同管理、审批管理、收入管理、财务管理、动态预警、报表统计等子业务。主要职责： 1.封装公共表单组件，根据业务需求，对系统各个模块中的公共组件进行抽离，并二次封装 2.优化 webpack 配置，使用 BundleAnalyzerPlugin 分析打包内容大小，将较大部分进行处理，缩小打包体积；由于业务特性无法使用 CDN，所以将公共资源包进行抽离，直接由服务器进行代理，进一步缩小打包体积 3.促进团队使用 eslint 规范代码风格，并进行单元测试，提高代码质量，减少 bug 4.推荐团队内部使用 jenkins 进行 CI、CD，简化上线流程，使前端部署不再受后台约束，提高效率 5.添加容错机制，对报错进行监测捕获，防止页面报错直接白屏影响用户体验，提高程序可靠性；同时收集日志，对报错信息进行采集、处理