1. 5年前端开发经验,参与过企业ERP、SaaS、在线教育、社交电商及企业官网等30余个项目的开发与迭代。
2. 熟练掌握 HTML5/CSS3/JavaScript(ES6,ES6+)/TypeScript。掌握flex/grid布局和响应式设计。
3. 熟悉 Vue 2/Vue 3/uni-app技术栈、并了解其底层原理,熟练配合less/scss/Vuex/Pinia/Vue Router/Element UI/Element Plus/Ant Design/uView/echarts等生态工具进行开发。熟悉Restful Api设计和JSON数据处理。了解React/Redux。
3. 具备配置化组件设计与复杂页面性能优化经验,实践过虚拟列表、分片计算、Web Worker、缓存和懒加载。
4. 具备前端工程质量建设经验,熟悉 Vite、Webpack 等构建工具,以及 Git、Vitest、Cypress、Storybook、Sentry 等代码管理、测试、组件管理与监控工具。
5. 使用Copilot、Zcode等工具辅助代码生成、单元测试、遗留代码梳理和重构,并对生成代码进行高效审查和验证。
企业ERP管理系统
1. 项目背景
原有ERP系统由于早期野蛮生长,遗留了大量冗余代码,导致新功能开发掣肘严重;运营视频素材缺少统一存储和管理机制,历史素材容易丢失;销售人员追踪客户路径不可见导致不可复盘且交接麻烦;权限限制简单;首屏页面数据加载缓慢;大列表、大图表渲染经常导致页面假死;
2. 技术栈
Vue3、Pinia、SCSS、Element Plus、Vue Router、Axios、Vite
3. 工作内容
● 基于业务场景封装高级搜索、动态表格、导入导出、审批流和消息中心等公共组件,并通过配置化字段、插槽和事件机制支持不同业务模块复用,减少重复代码和后续维护成本,通过共享组件给组内成员,新模块平均开发周期由约5天缩短至3天;
● 在运营板块引入大文件上传,让运营素材留存;根据运营主题、素材等内容选择自动生成上下文,并通过AI生成视频脚本文件;
● 参与接口字段、分页协议和权限标识规范制定,与后端统一菜单权限、操作权限和数据范围权限的数据结构。实现基于RBAC模型的动态权限管理系统,与后端统一菜单、操作及数据范围权限协议;前端通过动态路由、路由守卫和权限指令控制页面及按钮展示,后端依据角色与数据范围执行接口鉴权;支持管理员动态配置角色权限并及时生效。
● 针对批量导入时数万条数据的前端校验场景,使用 Web Worker 执行字段校验与数据转换,并采用分片渲染和虚拟列表展示异常记录,避免计算阻塞主线程。针对大规模经营数据分析页面,由后端完成分组聚合,前端对图表数据采用抽样、分片计算和渐进渲染,避免大数据量计算与绘制阻塞主线程。
● 开发客户全生命周期管理系统,涵盖线索获取、客户转化、商机跟进、合同签订、售后服务等阶段。通过可视化Pipeline看板实时展示各阶段客户分布,支持拖拽式阶段流转,自动记录阶段变更日志与耗时分析,为销售策略优化提供稳定数据支撑;
● 接入Sentry及自研日志系统,采集页面异常、接口错误和关键性能指标,支持按版本、用户及页面定位线上问题,缩短问题发现与排查时间;
● 引入前端自动化测试标准,使用 Vitest 进行单元测试(工具函数、组合式函数及核心业务逻辑),使用 Cypress 进行 E2E 测试和组件测试;
某教育平台
1. 项目背景:
一对一家教平台开发,包含网站开发、小程序开发、APP应用开发
2. 技术栈:
Nuxt、Vue2、Vuex、Webpack、WebSocket、i18n、TIM、Ant Design Vue、JPush、uni-app、uView
3. 工作内容:
● 从0到1构建项目,项目搭建,任务拆解,需求实现;
● 封装移动端和PC端通用组件(如搜索、名片、日历、排期表、IM、通用弹窗、支付等),使用Storybook写明组件使用规范;
● 通过 IndexedDB 持久化最近会话和聊天记录,进入会话时先展示本地数据,再与服务端增量同步,改善弱网环境下的会话打开速度;建立重连和消息序号补偿机制;WebSocket双连接职责拆分,将即时通信与业务通知拆分为独立通道,优先保证大量聊天场景下业务消息的可达性;
● 前端通过防抖和提交状态锁阻止短时间重复操作,并与后端约定幂等键,由服务端校验重复请求,降低重复下单风险;
● 移动端按优先级拆分首屏任务,对组件和图片加载策略进行优化,最终FCP<1.2s,并发请求、业务请求优化,高峰期服务器负载降低20%;
● 对教师详情和公开课程页面配置动态 title、description、canonical、结构化数据和 sitemap,提升公开内容的搜索引擎收录质量;
● 使用请求合并、缓存和懒加载优化首屏,将非关键接口推迟到首屏完成后加载,并减少同一用户信息在多个组件中的重复请求;
某企业官网
1. 项目背景
为企业运营提供流量支撑
2. 技术栈
Nuxt、Vuex、Element UI、Axios、Webpack
3. 工作内容
● 项目负责人,独立负责项目从0到1开发;
● 根据产品、解决方案、案例和新闻等内容类型设计可复用页面模板,支持运营人员通过后台配置页面内容,减少简单内容调整对前端发版的依赖;
● 制定响应式布局规范,覆盖常见桌面端、平板和移动端尺寸,并对导航、表单、和图片展示等复杂区域进行专项适配;
● 使用 Puppeteer 在发布阶段生成公开页面静态 HTML,并结合 CDN 缓存静态资源;对新闻详情等动态内容设计缓存失效和重新生成机制,减少高峰期、爬虫爬取期服务器压力50%;细分页面依赖,对非首屏组件
Superprof App是一款连接学员与专业教师的在线教育服务平台,基于 UniApp 开发,支持 App、H5 等多端运行。平台涵盖教师与课程搜索、定位筛选、课程详情、在线预约、即时聊天、订单支付、课程管理、评价收藏、内容发布、会员及个人钱包等功能。我主要负责移动端前端开发
店掌宝点餐收银是专为餐饮企业打造的一站式数字化解决方案,旨在通过软硬件一体化服务提升门店运营效率与顾客体验。该系统支持多种场景下的点餐与收银管理,操作简便且功能全面。 核心功能 ·扫码点餐:顾客可通过小程序扫码自主点餐,支持自提、外卖及堂食模式。 ·订单管理:实