猿急送>

上海前端兼职程序员

ID：254529

贺开轩

中级前端开发工程师

公司信息：
中国银联驻场外包

工作经验：
3年

兼职日薪：
600元/8小时

兼职时间：
下班后
周六
周日

所在区域：
上海
浦东

技术能力

1. 熟练掌握HTML5/CSS3/CSS，熟练掌握各种浏览器、设备页面布局方式；
2. 熟练使用less/sass预处理器
3. 掌握ES6新特性，如箭头函数，类，promise等以及ES7的async、await。
4. 熟练操作前端流行性框架Vue/React/小程序等并结合ui框架进行配套使用如elementUI/vant/ vant-weapp/ant-Design/ant-Dseign-Mobile等；
5. 熟练的使用第三方插件及类库如lodash/ swiper/ moment/ animate.css等对于原生js能够熟练运用可以独立完成业务功能的开发
6. 熟练使用VsCode代码编写工具；
7. 熟悉CommonJS、ES6等js模块化规范。
8. 熟练 Firebug、Chrome调试器的使用；
9. 熟练的使用自动化构建工具webpack
10. 熟练代码管理工具，如：wx.qq.com git
11. 熟练使用mockjs和fakerjs会使用json-server对对模拟数据的管理
12. 掌握postman对当前项目的集合操作接口测试工具
13. 熟悉nodejs开发能够使用nodejs和express实现服务端功能，搭建简单的服务器，访问数据库
14. 了解后台mongoDB数据库及操作mongoose

项目经验

项目一、
 项目名称：银联项目-权益管理平台（迭代）
 运用的技术栈: react + react-dom + umi + dva + antd + less + loadsh
 开发工具：VsCode
 项目描述：搭建银联系统权益管理平台绿色低碳卡模块，平台数据脱敏
 个人职责：负责绿色低碳卡模块编码，接口联调，定义公共脱敏方法
 遇到的问题及解决：
1）antdesign3.0+版本表单嵌套表单内层表单触发外层表单的onSubmit方法
解决：嵌套表单使用button使用onClick
2）在其他模块使用同一个接口
解决：dva的model层定义的nameSapce不同无法触发数据和逻辑的处理需要在使用的模块重新定义接口
项目二、
 项目名称：银联项目-分布式事务处理
 运用的技术栈: react + react-dom + umi + typescript + ahooks + antd + less + loadsh
 开发工具：VsCode
 项目描述：搭建银联系统全局事务分布统计展示
 个人职责：负责概览，部署指引模块
 遇到的问题及解决：
1）查询接口比useEffect监控的赋值过程更早执行
解决：在切换地域的时候直接将sessionStorage值进行更新操作
2）获取当天0点和24点的时间戳
解决：使用moment时间库API：startOf,endOf配合format进行时间戳解析
3）对sdk解析样式控制
解决：使用margin赋值进行样式的外边距操作
项目三、
 项目名称：银联项目-域名服务
 运用的技术栈: react + react-dom + umi + typescript + ahooks + antd + less + loadsh
 开发工具：VsCode
 项目描述：基于腾讯域名服务模块模仿开发
 个人职责：负责域名转入，批量注册，公共模块：域名信息模板
 遇到的问题及解决：
1）循环数据发送请求
解决：在每次拿到数据date的时候给date添加tag随机数标记做区分使用effect监听data数据
2）history.push（）跳转传递不了请求回来的数据
解决：umi使用run发送请求属异步操作在run之后.then 拿到res的数据直接做处理
3）文本域校验域名，每行只支持输入一个多行数据
解决：定义正则表达式根据换行符切割数据使用/gm多行全局校验
项目四、
 项目名称：银联项目-计费中心
 运用的技术栈: react + react-dom + react-router-dom + typescript + ahooks + axios + antd + antd/Pro-table + less + loadsh + moment + echarts + echarts-for-react + webpack
 开发工具：VsCode
 项目描述：基于腾讯项目模块二次开发更换React
 个人职责：负责租户端：价格查询、收支明细运营端：折扣管理、最低消费查询、收支明细
 遇到的问题及解决：
1）内网React+Ts使用echarts约束
解决：引入echarts-for-react模块
2）当前时间转东八区精度丢失问题
解决：引用moment时间管理库的API startOf、endOf
3）echarts趋势柱状图数据 axislabel文字过长导致显示不全或重叠
解决：给柱状图设置echarts API grid配合
4）表格设置scroll属性过大页面不美观
解决：根据设计图调整页面结构设置scroll大小
5）表单数据回显直接使用导致数据会刷新reset重置
解决： .可以使用useEffect进行包裹只让其执行一次后者设置initiaValues 直接设置初始值
6）初始值的问题
解决：使用undefined 不要使用空字符串
7）控制台woring警告提示key的问题
解决方案：给table加上rowKey=‘id’ id为你请求回来的数据里的一个字段
8）echarts的重复渲染
解决方案：点击进行数据请求之后echartsDOM节点已经创建，这里可以根据封装的函数里统一存放数组的变量名的数组的长度进行渲染