项目名称:湖南电网一张图
项目内容:基于百度地图作为底图,通过创建叠加canvas图层,使用鼠标在图层上进行业务图形及关系的绘制编辑。在项目中需要根据地图层级规格渲染不同的图元,在用户在当前地图视野拖动时对视野的图元信息进行保留记录,只对新视野的图元进行加载。在项目中因为数据量很大,在渲染的时候出现了内存溢出。采用了indexDB的本地存储的方式,以及删除渲染图元以外的信息进行优化,解决了内存溢出的问题。
项目名称:商户运营管理后台
项目内容: 公司合作的线下商户能够管理 POS 设备以及查询相关流水和提现等功能。项目使用 Vue 全家桶搭配 Element 框架进行界面开发,在用户图表显示使用了EchartJS 的框架。项目涉及到企业及店员身份角色登录问题, 而且路由是在前端控制,刚接手的时候,发现前开发者只是通过后端返回的路由名称进行界面的 if 判断显示隐藏, 这样的方式不高效而且会大大增加后期维护的难度。我采用了动态路由加载的方法,从后端取得角色路由名称来进 行判断生成动态路由表,在路由守卫里通过addRoutes 动态的将角色有权限的路由表进行挂载。通过对问题代码的 优化改造,第三方库的全局加载改为按需加载、删除多余重复的国际化文案、抽离公共方法等优化,使得打包后 12M 的大小的生产包缩减到 8M。
项目名称:深圳代办违章
项目内容:高保真还原 UI 界面,使用VUE 进行前端功能开发。在项目初期和服务端约定好 API 的结构,启动本地 服务器在本地模拟数据进行接口的开发。开发过程中将页面的 UI 拆分成组件进行引入,组件之间使用pros和 slot 进行数据的传递交互。后续迭代在该项目中加入江苏代办的业务逻辑,通过 URL 获取城市参数来判断 UI 的展现。