ID:411399

拾光

高级前端开发工程师

  • 公司信息:
  • 三一集团
  • 工作经验:
  • 10年
  • 兼职日薪:
  • 500元/8小时
  • 兼职时间:
  • 下班后
  • 周六
  • 周日
  • 所在区域:
  • 北京
  • 丰台

技术能力

⚫ HTML5/CSS3:语义化标签与多端响应式布局;SASS/LESS 模块化开发,CSS-in-JS(styled-components)提升组件维护性;Flexbox/Grid 复杂布局实现;
⚫ JavaScript/TypeScript:ES6+/模块化/异步编程,TS 高可用代码实践;
⚫ 框架生态:React:函数式组件/Hooks,状态管理(Redux/Context API)及性能优化;Vue:Vue2/Vue3 工程化搭建,组件库设计,Vuex/Pinia 状态管理;现代 SSR 框架如 Next.js 开发;
⚫ 工程化:Webpack/Vite 构建定制,微前端(qiankun)及Monorepo 实践;
⚫ 跨平台开发:Taro/Uni-app 多端复用,微信小程序开发,React Native 跨端混合开发;
⚫ 全栈技术:Node.js(Express/Koa/Nest.js)后端开发,RESTful API 设计,MySQL/MongoDB 基础;
⚫ 数据可视化:D3.js/ECharts 复杂场景渲染,LBS 服务融合(百度地图),工业级大屏性能优化;
⚫ 低代码/Web 组态:配置表单驱动开发,组态平台交互设计;
⚫ 性能优化:首屏加载/兼容性/多端适配问题解决;
⚫ 工程协作:Code Review/Git 分支管理,敏捷开发与 CI/CD 流程。

项目经验

一、铁螺配件智能推荐导购及交易平台(铁螺商城)
【技术栈】
React 、Vue、Taro.js、微信小程序、多端协同
【项目背景】
面向工程机械行业的全链路电商平台,基于 C 端数据湖构建智能推荐引擎,整合多端入口(Web 管理/运营端、H5 公众号商城、微信小程序铁螺微商城、以及移动端 APP),实现配件交易从推荐到售后的全流程数字化闭环。
【技术贡献与核心成果】
1. 多端工程架构设计
⚫ 主导跨端技术选型:基于Taro 框架统一小程序与 H5 端核心业务逻辑(商品推荐、交易流程),实现多端代码高效复用;
⚫ 构建混合技术栈:商家管理端采用Vue2 + Element-UI 实现高可配置化后台管理系统,支持动态表单与权限管理;H5 端使
用 React + Redux Toolkit 管理复杂交易状态(加车/结算/退款) 。
2. 复杂业务场景开发
⚫ 实现智能推荐算法集成:通过 React Hooks 封装推荐策略模块,支持动态权重配置(销量/评价/用户画像);
⚫ 设计交易流程容错机制:基于 Axios 拦截器实现支付失败自动重试及异常降级;通过 Vuex 持久化插件保障 SPA 应用页面
刷新后状态一致性,实现全流程交易闭环,涵盖商品浏览、结算支付、物流追踪及售后处理。
3. 性能与兼容性优化
⚫ 主导首屏加载优化:通过实现 webpack 打包优化及按路由分包,结合首屏关键资源预加载,商家端FCP 指标明显提升;
⚫ 解决多端适配问题:基于PostCSS 生成兼容 CSS 代码,实现 IE11 降级方案与 Flexbox/Grid 混合响应式布局。
【项目价值】
⚫ 成为公司内部首个支持多端协同的工业电商平台,推动业务场景从单一 Web 向全渠道扩展;
⚫ 通过模块化架构设计,支撑后续多样化营销活动快速迭代;
⚫ 技术方案复用于其他同类型项目,显著降低开发周期和接入成本。

二、灯塔工厂装配线 FMS 系统
【技术栈】
Vue2、Vue3、d3、qiankun微前端
【项目背景】
三一集团灯塔工厂的核心生产管理系统,整合生产过程管理、质量追溯与实时监控功能,覆盖 Web 端(三大 FMS 子系统)、飞书H5 及PDA 手持端,实现生产全流程数字化管控。
【技术贡献与核心成果】
1. 微前端架构与工程化设计
⚫ 基于qiankun 构建微前端架构,支持跨技术栈(Vue2/React)模块化加载,实现三大子系统的独立开发与动态集成;
⚫ 开发统一脚手架工程:封装公共组件、路由配置与构建流程,降低多团队协作成本,提升功能迭代效率。
2. 单点登录与权限融合
⚫ 设计多系统单点登录方案:通过 vue-router 路由守卫、浏览器缓存与跨页签通信,实现用户角色权限动态映射与子系统
无缝切换;
⚫ 优化免鉴权跳转逻辑:基于 Token 自动续期与接口拦截,保障用户操作连贯性。
3. 工业级数据可视化开发
⚫ 基于 d3.js 实现 2.5D 大屏动态渲染,结合 d3-org-chart 封装可拖拽生产脉络图,支持上百节点流畅交互(FPS≥60) ;
⚫ 集成 dhtmlxGantt 开发甘特图模块,实时追踪生产进度与异常工单,支撑管理层决策响应。
【项目价值】
⚫ 通过可视化引擎与实时监控能力,支撑工厂生产效率提升与异常响应速度优化;
⚫ d3 实现的2.5D 大屏技术方案复用于集团其他产线,降低同类系统开发成本。

三、慢病照护诊疗系统项目集
【技术栈】
React、React Native、Node.js、GraphQL、MongoDB
【项目背景】
面向慢性病患者的全流程诊疗管理系统,整合移动端(患者 APP)、Web 端(院外管理平台)、后端服务及硬件交互功能,实现从线上问诊、数据监测到线下追踪的全链路闭环服务。
【技术贡献与核心成果】
1. React Native 跨平台开发与原生整合
⚫ 主导患者端 APP(Needle)开发:基于 React Native 实现血糖仪数据实时采集,通过原生模块桥接打通硬件通信 SDK,支
持设备数据自动同步至云端;
⚫ 设计动态热更新方案:集成 CodePush 实现功能迭代与缺陷修复,减少发版依赖,提升用户端迭代效率;
⚫ 优化跨平台性能:针对Android/iOS 差异封装统一组件库,解决页面渲染卡顿与内存泄漏问题。
2. 全栈数据链路设计
⚫ 构建 GraphQL API 聚合层:统一移动端与Web 端数据查询逻辑,降低接口冗余调用;
⚫ 开发RBAC 权限管理系统(Touph-turtle):基于 React 实现多角色工作台,支撑医生、照护师及患者协同操作

信用行为

  • 接单
    0
  • 评价
    0
  • 收藏
    1
微信扫码,建群沟通

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在1小时内与您联系,1小时内精准确定人才

微信接收人才推送

关注猿急送微信平台,接收实时人才推送

接收人才推送
联系需求方端客服
联系需求方端客服