ID:307434

JF

web前端工程师

  • 公司信息:
  • xx软件
  • 工作经验:
  • 5年
  • 兼职日薪:
  • 500元/8小时
  • 兼职时间:
  • 下班后
  • 周六
  • 周日
  • 可工作日远程
  • 所在区域:
  • 合肥
  • 全区

技术能力

1、HTML/CSS: 熟练掌握HTML和CSS,包括语义化标记、布局、样式化和交互设计。
2、JavaScript: 熟悉核心JavaScript语言,包括ES6+的特性、DOM操作、事件处理、异步编程和AJAX等。
3、前端框架和库: React、React Native、Vue2、Vue3、uni-app、小程序、Nodejs、AntDesign、ElementUI等前端框架,以及相关的生态系统和工具。
4、响应式设计和移动优化: 能够开发适应不同屏幕尺寸的响应式网站,并有移动端优化经验。
5、前端工具和构建流程: 了解常用的构建工具Webpack、Vite等,并熟悉代码版本控制工具如Git。
6、跨浏览器兼容性: 熟悉主流浏览器的兼容性问题,并能够编写兼容不同浏览器的代码。
7、调试和性能优化: 能够使用浏览器开发者工具进行调试,并有优化前端性能的经验。
8、前端测试: 熟悉前端单元测试、集成测试和端到端测试的方法和工具。
11、前端设计工具: 熟练使用设计工具如Photoshop、Sketch或Figma等进行基本的设计操作。
13、数据交互和API: 能够与后端API进行数据交互,理解RESTful API的概念和使用。

项目经验

[悦目徽商App]

项目描述:集分销、零售于一体的商城App
项目职责:技术选型、设计图评审、框架搭建、编写App代码
涉及技术:uni-app、uview-ui、vue、vuex、less
项⽬成果和亮点:
● 封装一键复制页面关键文字组件,避免分销邀请码过长破坏页面美观
● 实现底部导航栏样式自定义,解决自定义tabbar在切换页面时页面闪烁问题
● 封装权限拦截工具类减少重复冗余代码
● 对uni.request进行二次封装,将接口文件通过webpack中require.context批量暴露出来,减少了重复导入接口文件
● 利用uniapp获取系统版本与服务器版本号进行比对以跳转到应用市场实现版本迭代后自动更新;通过版本号控制页面显示内容以达到iOS审核时上架问题


[安医大智能实验室平台(小程序)]

项目描述:为安徽医科大学护理学院师生提供高效率,一体化的教学事务只能平台
项目职责:技术选型、设计图评审、框架搭建、编写小程序部分功能模块代码、大屏统计界面开发
涉及技术:uni-app、vant-ui、vue、echarts、less
项⽬成果和亮点:
● 实现自定义底部导航栏以满足不同角色不同身份的功能模块使用,并且支持动态配置
● 利用分包加载机制,避免了页面过多导致的代码量和静态资源超过小程序上传大小限制
● 对uni.request进行二次封装,将接口文件通过webpack中require.context批量暴露出来,大大减少了后续大量使用import的重复工作
● 利用animate.css将登录页的跳转加入转场动画,提升用户体验
● 使用hls.js播放海康威视教室监控摄像头传输的视频流,保证了监控视频的及时性


[智慧公安检查站(pc web)]

项目背景:通过信息采集设备实现前哨预警分流、车辆快速安检、人员快速安检、综合指挥管理等功能;为公安检查站的一体化管控和扁平化指挥提供支撑。全面采集汇聚检查站数据并宏观显示,为实现态势掌控、预警研判、战果呈现、指挥调度等提供支撑。
项目职责:技术选型调研、框架搭建、技术方案的设计、需求的沟通传达、迭代的⼯作的拆解与分配、模块代码编写
涉及技术:qiankun微前端、vue、vue-router、vuex、axios、websocket、ant-design、echarts
项⽬成果和亮点:
● 基于qiankun搭建的微前端应用,实现各个模块可单独部署、单独维护、且不影响其他模块正常运行,避免了每次更新迭代都需要全量打包部署的繁琐过程
● 采用ant-design作为基础ui库进行重新封装组件,保证了组件的稳定性以及交互,让组员更注重于业务逻辑的开发,大大减少了组员在调整组件样式上的时间
● 通过qiankun通信机制完成在任意子应用模块报警通知,并提供直接处理通知的快捷方式,满足即不耽误当前操作也可以直接处理报警事项的需求
● 完全隔离微前端主应用和子应用资源,封装axios网络请求并暴露出来符合RESTful风格的请求方式,通过将暴露出的网络请求函数由上至下发送到每个子应用以达到共享同一个登录获取的token的效果


[资产运营大数据平台(pc web)]

项目背景:核心业务项目,为中国电科第三十八所提供完整的资产管理解决⽅案
项目职责:框架搭建、技术方案的设计、需求的沟通讨论、迭代的⼯作的拆解与分配、模块代码编写
涉及技术:react、react-router、axios、ant-design、echarts、redux、g6-editor、php、layui
项⽬成果和亮点:
● 基于ant-design二次封装组件库来提高开发效率及可维护性,满足设计需求且大大减少了组员的开发周期
● 设计并实现了全新高度自由的组合条件查询组件(支持无限字段组合查询),解决了管理员以往查询资产效率慢、且查询结果不够精确的问题
● 通过php作为网络请求中间件,解决了ie8上前后端分离ajax请求问题(思路:ajax->本地php中间件->php中间件处理请求方式、参数->php请求服务器接口->php返回给ajax数据)
● 输出系统设计方案文档
● 利用栅格系统实现自定义流程表单界面,包括表单字段、表单单元格大小、表单单元格控件,控件属性实现完全自定义。最终根据activity,工作流引擎返回数据重新绘制自定义流程图(因activity引擎原本的界面风格不符合本系统设计,故流程图页面重新设计编写,在非ie8上采用react+ggeditor绘制,ie8上则使用jsplumb绘制。)。完美解决系统中资产处理时流程需求
● 使用nginx进

案例展示

  • 悦目徽商

    悦目徽商

    项目背景:集分销、零售于一体的商城App 项目职责:技术选型、设计图评审、框架搭建、编写App代码 涉及技术:uni-app、uview-ui、vue、vuex、less 项⽬成果和亮点: ● 封装一键复制页面关键文字组件,避免分销邀请码过长破坏页面美观 ● 实现底部导

  • 资产运营大数据平台

    资产运营大数据平台

    项目背景:核心业务项目,为中国电科第三十八所提供完整的资产管理解决⽅案 项目职责:框架搭建、技术方案的设计、需求的沟通讨论、迭代的⼯作的拆解与分配、模块代码编写 涉及技术:react、react-router、axios、ant-design、echarts、redux、g6

  • 安医大智能实验室平台(小程序)

    安医大智能实验室平台(小程序)

    项目背景:为安徽医科大学护理学院师生提供高效率,一体化的教学事务只能平台 项目职责:技术选型、设计图评审、框架搭建、编写小程序部分功能模块代码、大屏统计界面开发 涉及技术:uni-app、vant-ui、vue、echarts、less 项⽬成果和亮点: ● 实现自定义底

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

信用行为

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

发布任务

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

微信接收人才推送

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

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