王子羽

24岁 1999.07

3年前端

176____9601

[email protected]

常熟理工学院

物联网工程2017.09 - 2021.06

苏州科达科技股份有限公司

前端工程师2020.07 - 2022.08

上海达华测绘科技有限公司

前端工程师2022.08 - 2024.02

gap

undefined2024.03 - present

项目

长江口航道管理系统

2022.08 - 2024.02

Element Plus

TypeScript

Vite

UnoCSS

Pinia

项目背景：为长江口航道局打造一套航道管理系统
个人职责：负责框架内容的设计与维护，独自开发五个子系统中的两个

前端框架调整：
- 同时获取环境配置与挂载App
- 将Axios改为单例模式，新增导出没有全局loading的实例
- 允许在App挂载完之前调用ElLoading，并确保ElConfig配置正确
- 完善类型定义，去掉框架中的大部分any
- 编写vite插件解决tailwind reset和element-plus button样式冲突
- 提供useConfig、useLayout、useGisMap等组合式函数
五个子系统公共样式分离
使用Vue Grid Layout实现可拖动式自定义工作台，每个模块都异步引入
数据字典Composition Api封装，使用useDict('xxx')，并且支持缓存
封装表格和表单，支持使用对象数组配置且类型完善
封装多选，绑定格式为：'a,b,c'；封装日期选择，绑定开始结束时间两个值
封装元素内容溢出后向左悬浮的组件
使用Teleport给ElInput添加prefix
ElTable显示合计支持快速定义指定列进行合计
封装上传组件，支持预览的时候，图片以ElImage展示
使用async-validator校验表格数据，只需和校验表单一样写rules就行
封装contextmenu + floating-ui，右键菜单跟随页面滚动
帮助其他项目：
- 去掉无意义嵌套路由的组件
- 拆离过度封装的storage，防止keepalive中的页面仍在后台运行
支持其他项目：
- 使用Vant开发移动端H5
- 修复项目eslint异常启动失败，修复所有eslint error

wiidede wiidede.space

技能

Element Plus

TypeScript

Vite

UnoCSS

Vitest

Nuxt

React

Python

TensorFlow

贡献

element-plus4

vueuse1

vite-plugin-vue-devtools1

pdf2docx1

个性

代码强迫症

喜欢简洁有趣的设计

想拍人像的风光摄影

虚假的二次元

跑步&跳操

热爱科技

追求高效简洁的生活

智能运维

2020.06 - 2022.08

Element UI

webpack

项目背景：为购买公司摄像头的客户提供一套管理设备、用户、配置；动态展示数据、图表的系统，方便客户更轻松的管理摄像头设备。

前端框架扩展：动态权限变化，实时添加/移除需要权限的按钮/页面；集成公司三方登录；请求baseUrl支持相对路径
组件封装：响应式ECharts组件，不再担心ECharts大小有问题；el-tooltip封装文字溢出判断；需要鉴权的图片组件；年月日切换组件解决Element UI直接修改type面板异常
前端导出excel；uKey登录；webSocket接收告警、进度、权限等
页面性能优化；UI细节优化；组件代码重构；去除Jquery等写法
开发子项目：
- 迷你巡检系统（覆写框架登录流程；动态多层级系统配置）
- 工单管理（动态表格；动态表单）
- 自定义可视化（可拖动组件）
- 数据治理平台（大量ECharts图表展示，相似图表封装）
- 云平台运维（vis拓扑图）
支持部门其他项目（解析平台、分布式存储系统、狮山大屏等）的业务开发