ID:389012

前端开发工程师

  • 公司信息:
  • 江苏满运科技有限公司
  • 工作经验:
  • 5年
  • 兼职日薪:
  • 500元/8小时
  • 兼职时间:
  • 下班后
  • 周六
  • 周日
  • 可工作日远程
  • 所在区域:
  • 济南
  • 全区

技术能力

 熟练基础技能:HTML+CSS(sass / less)+ JavaScript(TS、ES6+)
 熟练应用框架:
 React (React16+、 CRA / DVA+/Nextjs、 Redux / Mobx、 Hooks、 React-Router、React-Thunk、 RTK、 TS)
 Vue(Vue2/3、Pinia / Vuex、Vue-Router、TS)
 常用 JS 工具库:Axios、immutable、recharts、lodash、ahooks、dayjs、Echarts、dygraphs 等
 常用 UI 组件库:AntDesign、ElementPlus、MaterialUI、Vant、ChakraUI 等
 前端工程化工具:能够使用 Webpack、Gulp、Vite、CRA、Git 等进行项目前期搭建和后期打包。
 其他技能:
 了解 node.js 后端语言,使用 express 框架结合 MongoDB,搭建简单的接口服务器
 了解微前端、Hybrid 混合开发,低代码开发平台、Websocket、性能优化、nginx。

项目经验

Peblla(中国)
项目 1:销售平台 WebSite 重构
技术栈
React18、NextJs、typescript、sass、AntDesign、Redux、RTK、copyJs
项目职责:
1、使用 redux 结合 RTK 进行全局状态库的搭建,并创建 commonReducer、orderReducer 进行当前用
户信息与订单信息状态的管理。
2、组件
(3) (1) 封装 CascaderLocation 组件,同时适配多业务场景下的地址选择到时间选择的级联菜单。
(2) 封装 DetailCard 组件,同时适配多业务场景下的订单详情组件。
封装 category 菜品选择组件,同时适配多业务场景下的菜单 Menu 到分类 Menu 再到单一菜
品的级联菜单。
(4) 二次封装 AntDesign 选项卡组件,添加查询,滚动,tag 等交互效果。
结合 AntDesign 组件设计方案,封装全局 UI 组件,如弹窗,文字提示,广告位等。、
(5) 等。。。
3、Hooks
(1) 封装 useGlobal,获取当前店铺信息,结合组件生成页面。
(2) 封装 usePay,适配多业务场景下的支付逻辑。
(3) 二次封装 useRouter,实现路由跳转自动协参功能。
等。。。
4、Hoc
(1) 封装 withLayout,适配多业务场景下的 layout 布局。
(2) 封装 withDetail,适配多业务场景下的订单详情 UI 布局。
等。。。
江苏满运物流信息有限公司 (上海)
项目 1 :HermesD/M 管理系统(React)
项目描述:
HermesD/M 管理系统,具有司机注册信息管理、司机当前地址管理、最新司
机信息管理、匹配商户等模块、商户注册信息管理,主要用来将后台信息可视化,便于信息
的管理和维护。
技术栈:
React17、hooks、RTK、typescript、Echarts、StyledComponents、react-router(v6)、AntDesign
项目职责:
1. 业务方向主要负责司机注册信息总览、司机信息图表、地图、公共组件的抽离、跨组协作
2. 业务:
(1) 使用 Antd 组件库, 导入 Table 等组件进行司机总览条目的可视化, 按业务需求实现相应的数据
操作功能(CRUD,分页)。
(2) 导入 Echarts 库,进行后台首页司机数据可视化的开发,实现多图表联动及窗口适配。
(3) 司机详情页面开发与维护。
(4) 使用基于原生 WebSocket 的 SocketIO 工具优化了轮询调用接口的自动循环调用, 司机最新注
册信息的实时更新。
3. 全局
4. 组件
(1) 使用 RBAC 进行基于用户角色的权限管理,限制用户对司机总览模块的访问操作限制。
(2) 使用 redux 创建用户相关 reducer,对当前用户信息进行管理。
(3) 结合 RTK 工具,创建多 reducer,实现多状态多模块的灵活管理。
(1) 对基于高德开放平台的地图组件进行封装,循环调用接口获取最新位置数据,精确定位司机位
置并绘制路线导航。
(2) 全局 UI 组件,以便在不同场景不同模块中重复使用的技术,例如弹框、提醒、级联菜单等
项目 2:帮主找货车-Web 端(React)
项目描述:
技术栈:
货车帮货主是一个覆盖 300 多个城市的全国性物流货运平台,是一款为全国各地货主提供经验丰
富、安全可靠的货车司机的找车发货软件,同时拥有着百万货车资源和优质货源。
React17、 hooks、 RTK、 typescript、 Echarts、 StyledComponents、 react-router(v6)、 AntDesign
项目职责:
1、业务方向主要负责寻找车辆模块、车辆详情模块的开发
3、使用 react-router(v6),使用 Route 组件定义车辆列表及车辆详情的路由规则,使用
对应 hook 实现从车辆列表到车辆详情的切换以及车辆 ID 的传递。
4、封装全局车辆信息组件,接收 ID 发送请求得到对应车辆信息并渲染页面
5、使用 AntDesign 组件库,实现个人信息的可视化表单。
6、 为帮助产品优化项目, 对首页轮播模块进行埋点处理, 用户每点击一次图片就会给后端发送 img
形式的 http 请求,收集用户的操作信息。
7、对 axios 请求工具进行二次封装,更加便捷的发送请求,对后端响应回来的 token 进行处
理并在 UI 层面做出全局的用户操作结果反馈。
项目 3:众安保险 App(Vu

案例展示

  • peblla-website

    peblla-website

    该项目是公司主要营收来源之一 , 供美洲过百企业与集团使用, 包括官网、 order 点单、 checkout 付款、detail 订单详情等主要业务模块,以贡茶为例,系统已占据贡茶全球点单市场并为其提高营收 超 40%以上 技术栈 React18、NextJs、typ

  • 运满满

    运满满

    货车帮货主是一个覆盖 300 多个城市的全国性物流货运平台,是一款为全国各地货主提供经验丰 富、安全可靠的货车司机的找车发货软件,同时拥有着百万货车资源和优质货源。 React17、 hooks、 RTK、 typescript、 Echarts、 StyledCompone

查看案例列表(含更多 0 个案例)

信用行为

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

发布任务

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

微信接收人才推送

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

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