熟练掌握HTML5、CSS3,熟练应用sass和less等预编译;
熟练使用ES6,如箭头函数、es6模板引擎、扩展运算符以及Promise;
熟悉jquery、better-scroll、Swiper、bootStrap、echarts等第三方类库;
使用mysql fastmock mockJs进行数据模拟,采用ajax、axios、fetch方式实现数据请求及渲染,完成前后端分离开发;
使用vue-cli配合vue全家桶实现单页面项目开发,以vue-cli4为主搭建M站框架;
熟练掌握element-ui、vant-ui、element-plus、antd等主流UI框架;
熟悉git、svn,熟练使用Git进行代码管理,熟悉webpack配置文件如:proxy、loader、plugin;
了解Node编程,了解移动WEB的前端开发、响应式布局;
具有微信小程序开发经验;
熟悉react框架
项目1:暑期亲子游
项目描述:在暑假期间为家长提供一些优质的亲子娱乐地点,包括门票预订,酒店预订,美食排行榜
职责描述:
1. 搭建项目目录
2. 负责弹窗组件开发 (挽留弹窗、活动结束弹窗、门票详情弹窗、订票成功弹窗、预留手机号等信息弹窗)
3. 页面分享功能
4. 支付宝授权功能
5. 使用swiper插件实现首页酒店卡片滚动
项目2:附近游玩攻略
项目描述:用户进入活动后会根据目前用户所处于的位置,给用户展示当前地点比较出名的吃喝玩乐地点
职责描述:
1. 构建项目目录
2. 负责弹窗组件开发
3. 页面分享功能
4. 视频模块布局及交互,在此模块会有一个视频列表,包括视频名称及视频封面图,点击跳转到视频播放页面播放视频
5. titleBar区域根据滚动区域变化展示不同文案及按钮功能
6. 首次进入页面会将已展示的模块做一个页面展示埋点,使用监听滚动的方法去跟踪某个区域是否出现在页面可视区域去做相应的埋点操作(活动上线后在复盘代码时,又使用浏览器的IntersectionObserver方法去跟踪元素是否出现在可视区域,经实践,此方法会比使用监听滚动节约性能,后期将IntersectionObserver方法通过class类进行二次封装,供组内成员使用)
项目3:十一酒店盲盒
项目描述:以盲盒的形式的一款酒店预订活动,包括首页模块、盲盒列表模块、订单列表页、订单详情页以及信息预留页面
职责描述:
1. 首页结构布局
2. 盲盒详情弹窗开发,盲盒列表页有价格不同的盲盒货架,每个盲盒货架有四个商品,在点击某个商品时,会弹出关于此商品的详细信息,在弹窗中使用swiper插件,可以左右滑动,查看此货架不同的商品信息
3. 首页模块、盲盒列表模块的跳转交互, 两个模块是在同一个页面,在首页模块通过点击不同的地点信息,使用scrollTo方法跳转到盲盒列表模块,如果当前处于盲盒列表模块时,点击titleBar上边的返回按钮,会回到首页,在首页的话点击按钮则会退出活动
4. 盲开奖动画,使用CSSanimation结合UI提供的帧动画实现一个开盒的效果
5. 支付流程,由于从支付宝到高德地图中间支付成功后会有一个延迟,为了解决这个问题,和后端一起商讨个解决办法,就是做接口轮询,后端会在返回的信息中加上最大轮询次数以及轮询间隔,如果在此轮询次数范围内接口返回支付成功的状态后,前端这边停止轮询,告知用户支付成功,打开开盒弹窗;如果超过轮询次数后支付未成功,告知用户支付失败,调起自动退款接口
6. 订单详情页,由订单列表页跳转过来,展示订单号(可复制订单号功能)、房型信息、入住规则、不同状态下展示不同的头部文案、酒店电话(可调起直接拨号的弹窗)
项目4:下沉队长
项目描述:针对现有部分活跃用户做的一个酒店预订返现金的活动
职责描述:
1. 通用配置调整,构建项目结构目录
2. 端内外活动页面整体结构布局
3. 邀请好友助力,可以通过分享微信、QQ、钉钉等客户端,将此用户的token携带在分享链接上,在端外页通过用户token去做助力操作
4. 端外页面助力成功弹窗,呼端功能
5. 和后端进行联调自测
项目5:内容生产平台
项目描述:实现以辅导书为代表的印刷物的扫描、上传、编码、切题、审核、验收。将扫描书的图片与页面编码及结构良好的管理起来;题目切片与扫描件关联起来,以便未来题目与题目图片与辅导书的页码关联起来
职责描述:
6. 使用vue-cli 搭建项目目录,使用Element搭建UI层
7. 使用vuex进行模块划分,比如登录成功后会调用一个userInfo的接口,获取到当前用户的所有信息
8. 不同用户所拥有的权限不同,比如切题人只有切题的权限,这个用户登录之后只能看到首页和切题页,在这个给项目中通过后台返回的用户信息去做一个动态的menu菜单渲染,在此基础上设置一个路由守卫,避免用户在url地址栏输入其他页面地址跳转过去,会提示用户没有当前页面权限
9. 封装axios请求,对请求和响应做出拦截,比如在请求拦截中对接口添加时间戳,解决一些浏览器缓存问题
项目6:后管平台
项目描述:后管平台分为基础数据管理、用户管理两大模块,基础数据管理模块包括标签管理、目录管理、学校管理;用户管理模块分为外部账号管理、内部账号管理、角色管理、权限管理
职责描述:
1. 使用vue-cli 搭建项目目录,使用Element搭建UI层
2. 在这个项目中采用的cas登录模式,利用后端提供的登录接口,传入当前系统ID,后端那边做一个重定向操作,登录成功后再跳转到当前系统
3. 这个项目中
项目分为运营后台,c端平台以及收银台,主要业务是提供全球支付解决方案 项目职责: 1、使用vue3+vite+typescript进行项目架构 2、使用动态路由区分不同国家收银台 3、谷歌一键登录 4、全局组件设计封装
1、主要业务提供附近酒店、亲子园、游乐场等门票预订,推荐出行游玩攻略 2、高保真还原UI图 3、多机型适配