五年前端开发工作经验,前端实践经验技术扎实;熟练使用 es6、vue、react 等 JavaScript 主流技术框架;熟练使用 element、vant、antd-vue 等 UI 组件库;熟练使用封装 axios、websocket 等异步通信技术调用后台数据,进行页面数据渲染;熟练使用 echarts 图表展示库,适配大屏方案;掌握 less 预编译器,webpack 打包工具;熟练使用 Git 可视化工具上传项目和版本控制。
一、权益售卖商品购买H5
该项目是一个提供运营配置商品售卖的功能,第一步是添加对应的权益,第二步是发布与之绑定的商品进行售卖。用户可以点击需要购买的商品,然后填写手机号、验证码、收货信息,跳转收银台进行下单,之后可查看支付信息和购买记录的功能。
1、使用 vue + vue-router + vuex 技术栈。
2、使用 localstorage 存储 token ,判断用户是否登录。
3、使用 geetset 极验行为验证,防刷手机号和发送验证码。
4、使用 lodash 的防抖(debounce )节流(throttle )方法,解决性能优化。
5、使用 vuex 管理数据源,分发数据。
6、使用 minix 混入,减少重复冗余代码。
二、普陀区热线与网格化智能信息平台
该项目是一个定制化的大屏端项目,主要是为普陀区城市运营管理中心服务,功能涵盖热线和网格数据概况。各种图表展示交互设计信息,方便了政府办公人员的易用性。
1、使用 vue + vue-router + vuex 技术栈。
2、使用 lodash 插件的 debounce 方法,防止页面缩放抖动。
3、监听页面的 resize 事件,配合 transform 的 scale 等比例缩放。
4、使用 DataV 大屏数据展示组件库,制作页面特效。
5、使用 vue-seamless-scroll 插件,制作列表数据自动滚动效果。
6、使用 vue-awesome-swiper 插件,制作模块轮播切换效果。
7、使用 echarts 图表展示库,生成折线图、柱状图、饼图、玫瑰图等。
8、使用随身云 API ,调取实时天气数据。
三、首届全球算法最佳实践典范大赛
该项目是根据浏览器内核自动识别跳转至H5端或PC端的项目,主要是为算法大赛的参赛选手提供参赛报名和参赛信息浏览的功能,提供切换中英文两种版本。
1、使用 vue + vue-router + vuex 技术栈。
2、使用 navigator.platform 属性获取运行浏览器的操作系统和硬件平台。
3、使用 router.afterEach 搭配 window.scrollTo(0, 0),路由跳转后定位到页面顶部。
4、使用 postcss-pxtorem 插件,px 自动转为 rem 浏览器单位。
5、使用 vuex 搭配 localStorage 存储中英文语言,使用 i18n 配置中英文版本。
6、使用 flex 弹性布局,媒体查询兼容PC端和移动端。