Martin
技术专长
- 熟练掌握JavaScript语言,对闭包,原型及原型链、事件循环、promise有一定的理解。
- 熟悉微信小程序和公众号H5开发,有丰富的小程序、移动端 h5 和 web 后台管理系统开发经验。
- 熟悉Vue2和Vue3,能使用Vue2和Vue3全家桶从 0 到 1 快速搭建项目。
- 熟悉React、React Hooks及其JSX语法, 能使用其相关生态技术进行项目开发。
- 熟悉webpack、vite等打包构建工具及其日常开发配置,对前端工程模块化有一定理解。
工作经历—6年工作经验
深圳市XXX有限公司 2022.10 ~ 至今 前端开发工程师
深圳市XXX有限公司 2021.03 ~ 2022.09 前端开发工程师
深圳市XXX有限公司 2019.06 ~ 2021.02 前端开发工程师
项目经验
项目一: 经代系统(2022.10~至今)
项目描述:保险经纪代理系统。协助保险经纪代理人展业。
技术栈: Vue2全家桶 + Webpack 、Vue3全家桶 + Vite、React + React生态、微信小程序原生
团队规模:研发 40+ 人,前端 10 人。
个人负责:
- 通过配置Webpack优化打包体积,关闭source map,启用压缩和Tree Shaking等,将打包体积从24M压缩至5.4M,显著提升加载速度与运行性能。
- 负责收银台支付签约功能开发,设计微信JSAPI/小程序双环境签约方案,实现支付中签约与纯签约两种签约模式,通过实时订单状态轮询与支付结果自动校验(补偿)机制保障交易可靠性,提升用户支付成功率及操作流畅度。
- 基于Vue2构建保险报价系统,采用Vuex管理方案配置状态,封装ComplexTable(多级表头/区间输入/试算)和HorizontalTable(动态列)等组件。实现保险方案配置、短期费率矩阵、限额方案管理、区域策略、保费实时试算、方案校验等业务功能。
- 基于Vue3开发车险投保核心业务,实现车辆认证、OCR证件识别、车牌号码-投保城市联动等复杂交互。集成多源渠道授权体系,满足多渠道投保的业务展业需求。
- 基于Vue3+Pinia完成XXX保险产品的新版改造,采用Composition API封装可复用的保费试算Hooks,解耦复杂计算逻辑,通过Pinia实现多层级表单状态集中管理,集成可回溯录制系统,实现投保过程全记录,满足银保监合规要求。
- 基于Umi+Antd-Mobile开发问卷模块和立项审批流程,采用Dva集中管理多层级联动字段,封装CheckListPopup等10+组件,通过useMemo缓存选择器数据,结合防抖机制优化远程搜索性能,支撑代理人线上展业需求。
项目二: 医药数字化管理工具SAAS系统(2021.12~2022.09)
项目描述:针对医药流通行业合规收款的数字化管理工具SAAS系统。已成功在全国多家国药控股公司上线使用,帮助各国药公司解决其收款业务问题。
技术栈: Vue3全家桶 + Vite
团队规模:研发 9 人,前端 3 人。
个人负责:
- 从前端开发成长为前端负责人,负责技术选型(Vue3),搭建项目框架,任务分配和汇报开发进度,经历整个项目的生命周期。
- 基于Vue3+Vite+Vant从0到1搭建移动端(医药流通经销商)h5,引入postcss-px-to-viewport适配方案,实现从设计稿到视口单位的自动化转换,保障多端样式一致性。
- 基于Element-Plus Table组件深度定制,采用动态列渲染与自定义指令v-loadmore处理滚动加载,结合Day.js实现跨月时间区间计算与连续性渲染实现视口自适应的甘特条宽度计算,配合事件委托机制优化Tooltip交互性能,实现多维度(正常/逾期/完成)回款计划的甘特图可视化监控。
- 基于tracking.js库结合MediaDevices API实现视频流采集和人脸追踪,通过Canvas画布绘制人脸图像,处理不同移动端设备浏览器的兼容性问题以及错误情况的友好提示,在移动端实现了原生应用级的生物识别体验。
- 采用Vite+Webpack双构建体系,实现开发环境快速启动和HMR热更新(Vite)与生产环境构建稳定性(Webpack)。通过环境变量分层管理(.env.文件),结合DefinePlugin动态注入机制,实现import.meta.env/process.env全局环境变量双模式兼容。构建产物实现资源指纹化,优化缓存策略。
项目三: 语音行程日历小程序(2020.06~2021.02)
项目描述:一款语音行程日历小程序。说说话就能创建日程,提供日程共享、日程邀约等功能。
技术栈: uniapp
团队规模:研发 4人,前端1人(独立开发)。
个人负责:
- 基于uniapp配置pages.json,实现主包与子包的合理分包策略,将主包体积严格控制在2M以内,成功通过微信小程序分包体积审核要求。
- 采用多插槽机制实现高度定制化导航栏组件,支持沉浸式渐变色状态栏。底部TabBar创新使用悬浮凸起式布局,结合动态GIF图标实现微交互效果,完整还原UI设计稿的视觉效果与交互动效。
- 利用微信录音API和微信同声传译语音识别SDK,构建智能语音交互系统,实现语音转文字、智能日程解析等功能,并通过防抖优化手段提升识别准确率至95%。
- 通过自定义日历组件,实现周/月视图无缝切换,集成农历节假日显示,支持手势滑动和日期快速选择等功能,满足日程看板展示需求。
由于个人隐私原因,隐藏部分真实信息,如有需要,可到主页通过微信或邮箱联系我