熟练使用HTML5、CSS3、JavaScript、TypeScript、ES6等前端web相关技术;
熟练使用Vue、React框架进行项目开发;
熟练原生微信小程序开发框架以及利用uni-app框架进行多平台应用开发;
熟练使用Echarts、webGL、D3、Three、gis、mapbox进行数据可视化;
熟练使用各种element-plus、uiew、vant等组件库,可进行二次封装;
熟练使用less、sass及使用他们的变量、运算、函数等特性;
熟练使用git代码托管工具和webpack,vite项目构建工具;
有日常学习和积累技术的习惯
安迅即配(国美)
项目描述:商户对接达达,蜂鸟,国美骑士,店员自配,闪送,美团专送订单运力;对接全职骑士,专职骑士,众包骑士,商家骑士,三方骑士;外卖商家对接多家外卖平台。
项目结构:vue2、webpack、scss、,element、Echarts、gis、mapbox、three、websocket。
项目内容:
1.数据可视化大屏设计
技术关键点:用scale-box的适配方案,scale-box严格按照要求的尺寸缩放时,当不是定义的尺寸时会有留白,解决方法是可以给外面的div加一个全屏的背景色或者背景图片。利用心跳机制和websocket连接实现数据可视化大屏数据实时刷新。使用three渲染3D模型。后台推送gis数据利用mapbox实现地图功能。利用双 token 验证机制实现无感登录刷新。
2.双 token 验证机制。accessToken:用户获取数据权限;refreshToken:用来获取新的accessToken。
技术关键点:用axios的interceptors.request.use请求拦截器获取accessToken ,携带到请求头,服务端校验。用axios的interceptors.response.use响应拦截器获取到配置和后端响应的数据,code的码返回4003时,把过期请求利用Promise存在数组中,保持pending状态,也就是不调用resolve()。然后携带refreshToken 去登录请求新的accessToken。然后再次调用存在数组中的过期请求,获取重新请求上次中断的数据,初始化数组。