完整项目独立开发 后台+小程序

• 使用TS+Vue3技术栈
• 配合Taro/Uniapp开发支付宝/微信小程序
• 使用worker/indexDb等技术做性能优化
• 还有各种其他份内工作：
  基于canvas的导出/交互、基于rx.js的消息队列等流程控制、kkfileview/优音通讯/签章等外部系统嵌入、基于web api/websocket/蓝牙的硬件设备对接等

除了做好独立的项目开发外还承担一些其他的工作

• 牵头给公司上了git和yapi

1. 解决了代码需要打压缩包共享的问题
2. 配合git的actions，前端可以实现分支级的自动化打包部署，可缓存pnpm包加速打包
3. 接口变动有迹可循避免扯皮

• 和技术总监共同制定了一套前后端分离框架
   vue3+typescript+element-plus

1. 魔改发布vite-plugin-http2-ws，使得本地调试连带websocket均上http2不再受同源最大请求数限制，突破非https局域网跨域限制
2. 封装自定义json渲染动态表单，支持自定义表单项类型，后被自动生成完整代码替代；封装下拉，字典项统一预加载，pinia缓存，未命中补加载，使用Show字段兼容已删除选项，可配置清空；封装树，支持前端快速搜索剪枝；封装按钮组，增加多级权限或其他传入校验；封装wangEditor，直接当表单项引入；适配多种验证码类型，后端随时控制切换等
3. 基于el-table-v2封装虚拟化大数据表格，支持jsx格式json配置，表头分组、排序、删除、拖动调节宽度，单元格内直接编辑（附带回车自动聚焦后一个/下行首个输入框），可配置行级按钮权限及状态校验，多选行级校验联动全局按钮，整行可点击的行，并三次封装可弹出表单，联动输入框实现：前端全加载，快速搜索对象列表，方向键选择
4. 完善的request工具函数外加yapi-to-typescript配合unplugin-auto-import，不用再写任何请求调用，自动校验请求格式和必填
5. 使用readonly-form-item优雅复用编辑弹窗等现成轮子尽量满足更多需求
6. 使用composables及自封组件暴露接口，持久化页面打开记录/搜索排序条件/表格滚动位置，实现页面刷新依旧保留
7. husky项目格式严格规范，追更vite至6和eslint至最新版，优化配置oxc进一步提升速度
8. 配合等保，接口相关代码单独分割文件并严格代码混淆+禁用调试

• 自己写了一个高仿postman请求/代码生成工具
   ai火起来之前，嫌写登录脚本和重复代码麻烦而做
   electron+lowdb

1. 对接了yapi，token鉴权，保留历史，夜间模式
2. 支持可配置的自动化登录
3. 即时生成弱校验表单，配置自动填写项目值，直接/编辑后发送请求
   支持生成：js/ts的pc/uni-app请求调用函数，权限表插入sql，java bean（安卓用），pc/uni-app/vant表单（包含完整template/js/枚举字典），列表表格json，数据源请求参数（某后端要用）等

• 配合项目经理完成一些力所能及的运维任务或批处理、node脚本编写

1. 配置高可用且安全的nginx
2. 从省协管系统导出数据：分析代码拦截列表调用函数，自动化批量调取列表接口另存为json数组文件，再转为csv
3. 发证项目批量慢归档：调用列表接口取id，调用归档接口下载归档，后台执行数小时
4. 商城项目userscript脚本自动批量抠图：使用免费ai抠图网站模拟人工操作后台自动执行抠图，1分钟1张

 等等
 减少了测试、项目经理的工作量

根据需求维护、完善老项目，开发新项目：

公共卫生体检智能化服务平台 基于 Vue 和 ElementUI 的后台

1. 优化适配和性能

• 使用原生变量和函数统一所有页面
• 解决页面适配问题 (如 使用 resize 事件解决 echarts 在窗口缩放后抖动、通过 vh 等解决表格错位等)
• 解决页面卡顿的问题 (如 使用 $nextTick 替换 setTimeout、Promise.all 替换同步操作等)

2. 重构、开发组件

• 区划和内容联动组件
• 表格顶部按钮新增删除行
• el-tree 树形组件内部联动

3. 开发公共方法

• 数据校验（是否必填、错误提示、正则匹配）相关配置持久化与表单项及组件内部值的统一校验
• 树形、森林结构处理（传入数组剪枝、统一加结点属性、输出指定范围到数组，如非叶子结点若子树全选则只输出该结点）

4. 功能实现

• 打印导出 html 模板制作
• 登录和页面、按钮级数据权限

微信小程序

• 使用 ec-canvas 的新 canvas2d 功能加速 echarts 在小程序的加载
• 使用 TIM 实现小程序内部独立的咨询聊天

基于 jQuery、DataTables 和 Layui 的后台

• 多层弹窗确认某业务流，同步刷新表单
• 表格直接点击修改，同时校验并展示原值

其它小工具

• 为 postman 编写 pre-request 和 tests 脚本加解密接口
• 使用 Express 编写代理，黑盒方式在请求前后打印出解密后的请求和响应体

面向企业的科技互联网行业自媒体

• 承接科技、互联网类公司公关业务。
• 负责行业分析、客户稿件撰写、短视频制作发布。
• 业绩
   部分稿件获得业内媒体较高奖和首页推荐。

工作内容

• 核心功能: 负责病例、密接及次密接人员的信息登记，涵盖居住地、家庭成员、活动轨迹、核酸检测与疫苗接种等多维度数据。
• 任务管理: 实现流调任务全流程管理，包括调查、协查、场所采样与消毒、人员采样、转运及隔离等任务的制定、下发、领取与状态追踪。
• 数据整合: 支持人员信息快速调取、检测记录查询、跨地区协查，并完成与隔离点、管控场所等外部系统的数据对接。
• 数据可视化: 利用 ECharts 构建人员关系网络图和多维度统计报表；集成高德地图实现场所的可视化选取、活动轨迹连接、疫情热力图以及分区域大屏实时数据显示。

业绩

• 项目开拓: 作为公司首位前端工程师，主导并完成了首个正式的前后端分离项目，为团队技术转型奠定了基础。
• 技术沉淀: 搭建并完善了前后端协作的基础框架，并基于 JSON Schema 实现了动态表单渲染，显著提升了开发效率。
• 项目交付: 在疫情期间，与后端团队紧密协作，快速响应并满足了疾控部门持续变化的业务需求，有力支持了疫情防控工作。

工作内容

• 核心功能: 实现门诊接诊、患者建档、病历管理及影像查看等功能。
• 2D可视化操作: 模仿专业口腔软件，基于 Fabric.js (Canvas) 实现全口、分牙位、分牙面的疾病叠加可视化操作。

业绩

• 通过抽象牙齿与疾病的类，并利用文件名路由策略，纯前端实现了高度专业化的交互功能，仅需后端配合增加关键字字段，成功复现了专业口腔软件积累多年的核心功能。

工作内容

• 核心业务: 提供课程管理、日历排班、多角色管理（教练/护士/学员）、学员签约、上课签到、设备绑定及旁听等功能。
• 实时数据大屏: 在TV大屏上实时分屏展示学员的心率、血压、血氧等体征数据，并于课后生成包含血糖、卡路里消耗的统计报告。
• 技术实现: 采用H5构建TV大屏，并可监听键盘事件，以应对安卓端的实现难题。完善了后端的WebSocket实时通讯，使用Web Worker确保主线程不被阻塞，并实现了心跳检测与自动校时机制。

业绩

• 作为公司首个基于Java的正式前后端分离项目，改造RUOYI框架，通过修改Velocity模板实现了前端页面代码的自动化生成，为后续项目奠定了基础。

工作内容

• 核心功能: 为南京脊柱筛查项目开发数据可视化大屏。
• 技术实现: 采用 AntV G2 构建各类统计图表，并利用 AntV L7 实现了一个可交互的、带漂浮效果的地图板块，用以展示地理空间数据。

业绩

• 在普通的统计大屏项目中，根据UI设计稿，成功实现了可交互的地图板块，提升了产品的交互性和视觉效果。

工作内容

• 小程序端: 为用户提供体检预约（包括初步信息填写、选择日期场次）及体检报告查询、导出、保存等功能。
• 后台管理: 支持体检核销及与臻鼎系统的数据对接。
• 技术实现: 使用 Canvas 保存模板，并通过填充数据、盖章生成图片格式的体检报告。

业绩

• 为解决部分低版本iOS的Canvas兼容性及性能问题，设计了5秒回退机制：当小程序端生成失败时，自动调用Node.js编写的Puppeteer接口，在服务端实时生成图片并提供给用户下载，确保了业务的稳定运行。

工作内容

• 后台管理: 实现进销存管理（出入库、组合销售、内部领用）、报表统计（销量/利润）、店内码打印、效期提醒及实时通知等功能。
• H5商城: 基于Taro和NutUI构建，支持微信登录、分类列表、多SKU下单等电商核心功能。采用vue-router进行导航管理，并实现了全局命令式的Toast提示。
• 技术标准: 建立并完善了一套基于Taro、Axios和vue-router的跨端请求与路由统一标准，不依赖小程序原生路由，提升了代码的可移植性。

业绩

• 此项目作为分公司的茶叶业务数字化解决方案，解决了其销售、领用等核心问题，并具备作为通用商城产品复用的潜力。
• 在其他项目间隙高效完成，并经历了从微信小程序到H5的技术路线切换。

工作内容

• 医防融合: 开发数据汇总大屏，使用高德地图结合GeoData动态渲染机构及下级区划边界。
• 慢病系统 (小程序端): 为患者和医生提供注册、健康数据测量与记录、生活方式记录/建议、随访排期及统计图表等功能。通过蓝牙API对接多种测量设备。
• 慢病系统 (后台): 提供患者列表管理、多维度数据图表及随访提醒等功能。对接电呼平台，实现语音提醒和一键拨号。
• 性能优化: 将全国地理位置数据缓存至前端IndexedDB，并通过Web Worker进行二分法查找，实现页面无卡顿的秒级响应。

业绩

• 地理数据处理: 独立使用Turf.js和MySQL2，完成了对陕西各村地理边界数据的复杂处理（剪切、合并），并存入数据库，全程仅需后端提供必要的数据库连接信息。
• 硬件对接: 成功通过蓝牙对接多种医疗测量设备（血压、血脂、血糖仪、肺活量计），处理多种通讯格式（字节流/字符流、检验、心跳包），并使用类封装了可复用的数据帧解析逻辑。
• 图表优化: 深入使用AntV F2，解决了其在uni-app下的适配问题，相比echarts显著提升了图表在小程序端性能。
• 前端数据方案: 设计并实现了将全国海量省市区镇村CSV数据缓存在IndexedDB的方案，配合版本号校验与Web Worker，实现了高效的本地查询。

工作内容

• 核心流程: 实现采购申请、企业竞标、多级审核、合同管理等完整的采购流程。
• 库存管理: 提供简易的库存管理功能。

业绩

• 首次在公司项目中引入并成功集成 kkfileview，实现了对各类格式文件的在线预览功能，并将其推广为公司内部可复用的技术方案。

工作内容

• 系统重构: 为解决旧版PHP官网的安全漏洞，采用前后端分离架构进行重做。
• 内容管理: 实现了一个简易的CMS系统，支持栏目管理和文章管理及前端渲染。

业绩

• 富文本编辑: 深入研究并固化了TinyMCE插件，使其支持从Word直接粘贴并能完整保留格式，同时实现了图片自动上传功能，形成了一套可复用的富文本解决方案。

工作内容

• 核心业务: 面向长护险参保人，提供辅具的租赁申请、评估、订单签约、续约、变更及终止等全流程服务。
• 库存管理: 包含简易的进销存管理功能。

业绩

• 数据集成: 通过抓包分析，设计并实现了从第三方长护险平台自动化导出数据并同步至本系统的功能。利用黑盒抓取策略，将页面数据转换为JSON，并结合图片下载与上传，自动化调用本平台接口，显著节省了测试与运维人员的数据录入工作量。

工作内容

• 产品定位: 作为药店管理软件的配套服务，为药店经营者提供移动端的核心销售数据查询。
• 低代码实现: 基于JSON配置，实现了高度可定制化的数据报表查询功能，支持任意配置搜索条件和返回结果，并可进行二级列表的下钻查询，满足“千店千面”的个性化需求。

业绩

• 技术架构: 成功在小程序端实现了低代码的表单生成与数据展示，后台则配套提供表单化的JSON编辑器，形成了一套高复用性的低代码解决方案，仅需编辑SQL和JSON即可快速实现所有所需功能。

工作内容

• 核心功能: 在大厅电视上实时展示工作人员的去向状态。
• 移动端支持: 允许各科员通过手机端预约去向或更新临时到岗状态。
• 技术实现: 采用基于ESM版的Bootstrap构建H5应用，直接通过fetch调用接口。大屏端通过3秒轮询机制，实时更新数据。

业绩

• 在紧急需求下，快速响应并配合新入职科员，完成了对其姓名的特殊对齐显示修改，保障了系统的正常使用。

工作内容

• 核心功能: 开发部门通讯录、公文处理（撰写、审批、签章、收发）及资料共享等功能模块。
• 审批流程: 基于bpmn-js实现高度自定义的审批流程，支持会签等高级功能。
• 公文排版: 纯前端基于Canvas，通过二分法查找分割线，实现了严格遵循公文排版标准的分页、加页码，并最终转换为PDF进行打印。

业绩

• 技术迁移: 在后端强行指定旧有技术方案的情况下，独立将项目中大量核心组件从Vue 2迁移至Vue 3，保证了项目工期。
• 技术攻关: 成功攻克了极其严格和复杂的公文排版及分页页码生成的技术难题，保证了产品质量。

工作内容

• 核心功能: 开发内嵌于“我的常州”APP中的mPaaS小程序及PC后台，实现在线医药销售。
• 聊天功能: 在PC、小程序及H5中实现完整的聊天功能，利用RxJS和WebSocket实现断线退避重连和多功能通道复用。
• 电商流程: 实现购物车、订单页的复杂优惠券、起送价、跨店订单、自提/配送等逻辑校验。
• 后台功能: 基于hiPrint实现小票打印模板配置，并通过RxJS构建打印消息队列；基于JSX实现高度个性化的表格及一系列定制功能。

业绩

• 兼容性攻坚: 解决了mPaaS在安卓UC内核下的地狱级适配难题，通过多种变通方案处理了globalData未找到、高版本TLS及WebSocket不支持、Hybrid通信丢文件等一系列兼容性问题。
• 需求变通: 原定的小程序Canvas自动抠图方案因安卓真机不支持而作废，协助美工编写批处理脚本，实现了批量抠图、修改JSON并存入数据库的替代方案，使得美工无需大量制作营销图，保证了营销需求的顺利上线。

内容

• 独立开发: 独立完成了选题为《基于Web的旅行网的设计与实现》的毕业设计，涵盖从需求分析、架构设计、前后端开发、测试到部署的全过程。
• 后端开发: 基于Java EE Servlet技术栈，设计并开发了符合RESTful风格的纯JSON API。
• 前端开发: 采用Bootstrap框架构建响应式页面，并通过jQuery与Ajax技术与后端进行数据交互。
• 文档撰写: 完成了包括需求文档、数据字典、数据流图、UML图及产品说明书在内的全套设计文档。

业绩

• 在无相关课程背景下，通过自学完成了功能完整的Java Web项目，并达到了毕业设计的全部要求。
• 项目严格遵循当时的最新技术标准和法律法规，并合理运用了多种开源框架以提升开发效率。

• 课程设计: 使用原生JavaScript实现了《内存置换算法》的动态可视化，将抽象的算法过程以直观的方式呈现。
• 浏览器脚本: 开发了DuokanJSCopy脚本，通过技术手段解除了多看阅读网页版对文字复制的限制，方便了用户查阅资料（后因官方技术栈更新而失效），后续更多自用userscript不公开。
• 任务辅助: 编写过多个Web小游戏的辅助脚本（外挂），用于抢票、自动化操作和自娱自乐。

• 社区贡献: 加入校科学与技术协会，并承担了计算机等级考试（二级C语言）的考前培训公开课讲师工作。
• 服务器运维: 熟练租用并配置云服务器，利用Serverless、Docker等技术架设个人网站、搭建远程下载服务、实现异地数据备份以及自动化执行各类签到脚本。
• 硬件爱好者: 作为恩山、矿渣等技术论坛的活跃用户，精通各类网络设备（路由器、NAS等）的刷机、救砖，并具备丰富的黑苹果（Hackintosh）安装与调试经验。
• ai支持者: linux.do论坛种子/三级用户，较早尝鲜大语言模型，后续使用windsurf/augment/claude code等辅助编程。