Yoyo

高级前端开发工程师
上海市互鸣网络科技有限公司 · 6年经验
Yoyo
日薪: ¥500/8h
地点: 上海 普陀
时间: 可工作日远程
ID:426372 复制

0
接单数
0
评价数
0
收藏数

AI 技能提取 | Vue React 测试 Webpack Vite DevOps UI UX Git
一、界面实现与用户交互

根据 UI/UX 设计稿(Figma、Sketch、蓝湖),高保真还原响应式网页与复杂交互界面,确保视觉与交互的一致性。基于 React / Vue 等主流框架,开发可复用、高性能的基础组件与业务组件,并维护组件文档。使用 Redux / Pinia / MobX 等状态管理方案,保障复杂应用的数据流清晰可控。实现动画、表单验证、数据可视化、拖拽等动态交互逻辑,提升用户体验。

二、工程与架构

使用 Vite / Webpack 等构建工具搭建项目工程,配置开发、测试与生产环境。参与前端技术选型与架构设计,涵盖目录结构、路由方案、API 请求层与状态管理。推动工程化实践,建立并维护代码规范(ESLint, Prettier)、Git 工作流及自动化构建与部署流程。在加载性能方面,通过代码分割、懒加载、Tree Shaking、预加载/预渲染等手段优化首屏加载速度;在运行时性能方面,优化组件与列表渲染,应用防抖节流,排查内存泄漏;在网络性能方面,实施接口缓存、CDN 加速、资源压缩与图片优化策略。

三、联调协作与质量保障

与后端工程师协作定义 API 接口规范,通过 Mock 数据并行开发,完成前后端联调。确保页面在主流浏览器、移动设备及不同屏幕尺寸下的兼容性与一致性。为关键工具函数与组件编写单元测试(Jest / Vitest),并为关键用户流程编写端到端测试(Cypress / Playwright)。参与 Code Review,保障代码质量,推动团队遵循最佳实践。

四、部署上线与监控

配合运维/DevOps 将代码集成至自动化部署流水线,实现一键发布。接入前端异常监控(Sentry)与性能监控(Web Vitals)系统,及时发现并定位线上问题,保障系统稳定性。

五、持续学习与业务赋能

持续关注前端技术趋势(如微前端、低代码、WebAssembly),在合适场景中进行技术选型与试点。开发或引入提效工具(如脚手架、物料平台),提升团队开发效率。深入理解业务需求,通过技术手段优化产品体验,解决业务痛点,实现技术与业务的深度融合

校车智能运营管理后台
ASC企采小程序
声网-悟空在线授课平台
中国银联云闪付支付平台鸿蒙适配
Seaworld Map
Yoyo ID:426372 复制

Yoyo

高级前端开发工程师 · 6年经验 · 上海市互鸣网络科技有限公司
城市上海 普陀 日薪500元/8h 时间 可工作日远程
0
累计接单
0
用户评价
0
被收藏

信用行为

0
接单数
0
评价数
0
收藏数

技术能力

AI 技能提取 | Vue React 测试 Webpack Vite DevOps UI UX Git
一、界面实现与用户交互

根据 UI/UX 设计稿(Figma、Sketch、蓝湖),高保真还原响应式网页与复杂交互界面,确保视觉与交互的一致性。基于 React / Vue 等主流框架,开发可复用、高性能的基础组件与业务组件,并维护组件文档。使用 Redux / Pinia / MobX 等状态管理方案,保障复杂应用的数据流清晰可控。实现动画、表单验证、数据可视化、拖拽等动态交互逻辑,提升用户体验。

二、工程与架构

使用 Vite / Webpack 等构建工具搭建项目工程,配置开发、测试与生产环境。参与前端技术选型与架构设计,涵盖目录结构、路由方案、API 请求层与状态管理。推动工程化实践,建立并维护代码规范(ESLint, Prettier)、Git 工作流及自动化构建与部署流程。在加载性能方面,通过代码分割、懒加载、Tree Shaking、预加载/预渲染等手段优化首屏加载速度;在运行时性能方面,优化组件与列表渲染,应用防抖节流,排查内存泄漏;在网络性能方面,实施接口缓存、CDN 加速、资源压缩与图片优化策略。

三、联调协作与质量保障

与后端工程师协作定义 API 接口规范,通过 Mock 数据并行开发,完成前后端联调。确保页面在主流浏览器、移动设备及不同屏幕尺寸下的兼容性与一致性。为关键工具函数与组件编写单元测试(Jest / Vitest),并为关键用户流程编写端到端测试(Cypress / Playwright)。参与 Code Review,保障代码质量,推动团队遵循最佳实践。

四、部署上线与监控

配合运维/DevOps 将代码集成至自动化部署流水线,实现一键发布。接入前端异常监控(Sentry)与性能监控(Web Vitals)系统,及时发现并定位线上问题,保障系统稳定性。

五、持续学习与业务赋能

持续关注前端技术趋势(如微前端、低代码、WebAssembly),在合适场景中进行技术选型与试点。开发或引入提效工具(如脚手架、物料平台),提升团队开发效率。深入理解业务需求,通过技术手段优化产品体验,解决业务痛点,实现技术与业务的深度融合

项目经验

校车智能运营管理后台
ASC企采小程序
声网-悟空在线授课平台
中国银联云闪付支付平台鸿蒙适配
Seaworld Map
客服二维码

没找到合适的人才?

扫码添加客服极速匹配,或直接发布需求让更多人才主动报名

平台担保交易 · 1小时内不满意可退款

平台信誉与实力

基于 35,336 需求方信任

  • 支付宝企业信用分 优秀 评级
  • 市场份额约占全行业三分之一
  • 程序员兼职行业全能首选平台
查看平台资质详情
收藏