猿急送>

成都前端兼职程序员

ID：342254

浮生

前端开发工程师

公司信息：
四川成都闪创科技

工作经验：
3年

兼职日薪：
500元/8小时

兼职时间：
下班后

所在区域：
成都
锦江

技术能力

1.熟练使用HTML5+CSS3还原设计稿。
2.熟练使用Vue2,Vue3全家桶 + element-ui、vant等UI框架完成单页面应用,能使用脚手架搭建项目
3.熟练掌握ES6书写代码,并在实际项目中实践。
4.熟悉模块化开发，组件化开发，提升代码灵活性。
5.了解微信小程序开发。
6.了解webSocekt ,socket网络通信。
7.了解mysql, MyBatis, node.js Express / java Springboot 框架,能够书写简单RESTful API进行功能测试
8.具备良好的编程习惯，代码组织/书写规范

项目经验

工作能容: 1.惠购生活移动端 2.惠购生活后台管理系统
1.根据产品需求,UI设计稿完成前端开发任务
2.根据接口文档,完成前后端的联调,
3.完成测试验收过程中的bug修复

主要技术: VUE2 、Vuex、 Axios、 VANT-UI 、vue-router 、Element-UI 、Echarts
1.用户积分抽奖功能
搭建抽奖组件,组件使用者可以使用props传入speed属性,来控抽奖的动画速度, 传入circle属性
用来指定抽奖动画转圈次数, 通过solt 让组件的抽奖Item可以自定义样式,达到样式与逻辑代码分离的目的.
这样可以使抽奖Item可以任何形式展现。父组件通过$ref拿到抽奖组件的BeginLotto方法开始执行抽奖逻辑。
父组件使用.selected样式来指定抽奖项目被选中效果。父组件通过@onLottoCompleted来绑定抽奖完成回调,回调参数就是抽奖结果。组件通过this.$emit(‘onLottoCompleted’,reslut)来返回结果。
2.对axios localStorage,后端API 进行模块化封装, 当项目逐渐变得庞大,API散落在各处，如果API有变动,查找起来将是开发者的噩梦,对第三方 axios LocalStorege 封装的目的在于,防止日后有新的库替代Axios,可以方便的更换库,使项目更容易更换技术与维护。
3.使用vuex管理用户登录信息,因为vuex 状态存储并非持久化,因此将token字段使用Localstorage存储在本地, 使用axios.interceptors 拦截器功能分别让config 字段携带token 和请求结果做预处理。
4.利用闭包实现防抖函数,减轻输入框预显示列表给服务器请求压力
5.使用 vue-router 里的 addroute方法做权限管理,权限管理方案需要前后端配合,前端的路由分为commonRoute(公共路由),pernissionRoute(权限路由) ,commonRoute是指后台管理系统所有人员都可以访问路由,pernissionRoute需要使用router.addroute()方法动态添加。后端返回当前用户可以访问的路由列表字段,前端通过数组.filter方法与pernissionRoute做对比,过滤出需要的路由,然后添加进路由列表
6.使用Echarts库里的折线图 ,柱状图对后台销售数据做可视化处理

工作内容: 1.便医通(PC端) 2.便医通(微信小程序)

1.根据产品需求,UI设计稿完成前端任务
2.根据接口文档,完成前后端的联调
3.完成测试验收过程的bug修复

主要技术: Vue3，pinia, axios ,Vue-router ,Element-UI-Plus ,微信小程序

1.医院列表组件封装与高德地图展示功能
封装医院展示组件HospitalItemCard,组件使用者通过props传入HospitalName,
HospitalImage,HospitalDescription。使用封装过的axios发送请求拿到医院Array对象,使用
v-for遍历数组对象,渲染到首页展示医院列表,为了方便用户出行,让用户直观的感受医院距离。
接入高德地图API, 给HospitalItemCard组件绑定自定义事件onHospitalItemCardClick,组件内部使用defineEmits([‘onHospitalItemCardClick’]),当组件定位图标被点击,组件内部触发
Emit(‘onHospitalItemCardClick’,”医院名字”),父组件触发监听回调,调用高德地图API绘制地图。分别使用 ’AMap.Driving’,’AMap.Riding’,’AMapTransfer’, ‘AMap.Walking’高德地图插件,实现驾车路径规划,骑车路线规划,公交路线规划,走路路径规划。使用户直观感受选择合适的医院挂号,提高用户体验

2.使用router.beforeEach路由全局守卫做统一用户鉴权功能,例如只有localStorage存在Token字段,才能访问个人中心,否则返回登录页面。

3.使用Promise封装wx.rquest原生微信请求,避免回调地狱的问题,以及模块化集中式管理API。方便维护项目

4.使用wx.requestPayment方法实现微信支付。对微信支付的理解: 因为用户的钱,用户的信息都在微信的Server上, 项目的Server没有实际的操作权限, 因此,微信小程序提交订单的信给项目Server,项目后台整理订单信息,