前端稳定性监控系统
项目介绍
负责团队内稳定性监控的错误信息收集、错误日志处理和错误展示。通过监控收集前端各类错误信息,实现了支持多平台、可
扩展、可插拔式的前端错误信息,通过日志上报,行为展示,从而快速定位问题,提升系统稳定性。
核心成果
使用pnpm作为多包项目构建基石;
抽离页面监控、Vue监控、小程序监控及性能监控子包,确保能够基于业务定制化引入子包;
支持XHR上报错误日志;
采用发布-订阅设计模式,支持代码能力的快速扩展;
支持打包构建IIFE、CJS和ESM多种类型格式,支持CDN引入;
Byelide低代码平台
低代码+可视化搭建平台,涵盖数据源管理与加工、页面组装、流程引擎、低代码编辑器,低代码物料出码功能,基于vuejson-pretty封装物料协议数据预览与编辑
核心技术栈
Vue3、Vue Router、Vue-CLI、Webpack plugin、Monaco-editor
核心成果
1. 负责平台技术选型、基础架构及方案设计,包含:工程化相关方案设计与落地、各模块方案设计与核心实现
2. 动态表单开发,借助Vee-validate,基于hook实现可维护性更高的动态表单及表单设计工具
3. 低代码物料出码功能,基于vue-json-pretty封装物料协议数据预览与编辑
4. 主导页面组装模块设计,选用通用blocksuite方案,使页面元素丰富且高度可定制
5. AI数据建模及应用创建模块选用nodejs服务,借助langChainjs构建端到端语言模型服务
6. 基于monaco-editor实现低代码编辑器复杂功能,包含自动补全,语法提示等LSP服务相关内容
7. 主导封装webpack plugin及loader支持静态资源自动上传、源码脱敏防备、构建优化等
8. 流程引擎及服务编排等内容实现,基于鼠标move事件封装vue draggable组件实现组件拖拽与页面内容编排
9. 数据源支持1000万行表格数据渲染与编辑,通过canvas技术实现