vue3: 熟练开发;react:熟练开发;echarts:熟练开发;html(5)/css(3)/js:熟练开发;ElementUI/Element-Plus/IView:熟练;小程序/electron:熟悉开发
项目1: 【数据中台(EasyBi)】
项目介绍:数据分析与自助 BI 工具服务平台,类似阿里 quick
-bi 。主要分为数据集,仪表盘和电子表格3大模块:通过对数据源的连接和数据集的创建,对数据进行分析与查询;通过电子表格或仪表板功能,以拖拽的方式进行数据的可视化呈现。
技术栈:vue 框架+webpack 打包+echart 做可视化绘图,+葡萄城的 spreadjs 二次开发在线电子表格(webexcel)
负责内容:
数据集:自定义 SQL
-用户可根据自行输入 SQL 创建数据集;
仪表板:仪表板字段栏中的【对比维度】栏和度量的高级计算的开发、图表中指标看板/指标趋势看板/内嵌电子表格开发,支持拖拽功能。
电子表格:基于 spreadjs 实现在线电子表格(webexcel)
-表格数据渲染/撤消/重做/格式刷/数据验证等。
首页:包括指标看板(设置用户关注指标),快捷入口(创建仪表板/电子表格/自助取数入口),我的收藏/空间更新(相关文件列表), 帮助文档/版本更新(相当于系统说明书)这四个模块。
数据门户:可设置树状菜单,每个叶子节点可设置对应的文件(主要是仪表板和电子表格文件),供用户设置其关注的“文件树”;
解决难点/亮点:
调研 spreadJS 源码实现自定义单元格的悬浮显示实现需求功能
仪表板重构
-统一各图表字段及生成方式,方便维护和持续开发
仪表板交叉表性能优化
-使用 spreadJs 代替(渲染大量数据性能较好),并使用 web worker 提高计算性能(实时计算行/列总计小计)
项目2: 【组件库-(smp-ui)】组件库开发
项目简介:由于公司的微前端项目的各个子项目使用过多重复的复杂业务组件,存在较多冗余重复代码 导致系统体积过大,因而需要把重复及高频率组件抽取出来统一维护管理,同时也方便交互及样式统一,及后续持续开发统一的组件,smp-ui 应运而生。
技术栈:vue-cli3 + npm + webpack + rollup
负责模块:项目搭建/维护/发布,原业务组件从子系统中的抽离,新组件开发及维护
解决难点&&亮点:
各个子项目的公共组件功能、风格统一,改为组件库引入,减少了大量冗余代码
组件库支持按需引入
组件库发布简化
项目3:【数脉AI】
项目简介:数脉AI是一个使用AI辅助电商的web系统,其主要目的是使用AI辅助,从营销策略、搜素关键词、人群分析、全店洞察等维度进行观察统计主要指标,并智能分析其好/坏的原因,并给出相应的运营改善建议策略,从而促进公司创收。
负责内容:前端项目的技术选型及项目搭建,各个主要页面的开发及维护
技术栈:Vue3+TS+Vite+Element-Plus+ECharts
亮点:首次从0到1参与并搭建前端项目(项目初期仅本人一个前端),并自主选择技术栈,并从头开始规范代码,使代码尽量简洁不冗余,注释及代码结构清晰易懂,使维护以及二次开发更易上手,同时使用了Cursor、TRAE等的内置AI助手进行辅助开发,更进一步提高了开发效率。