负责技术部管理、人员调配、项目需求整体对接、H5、网站、小程序等前端开发
项目经历:
1.雅培妈妈官网维护
项目介绍:介绍雅培妈妈各类奶粉内容、线下地址及线上购买地址;
项目职责:交接客户公司维护流程、前后端代码、api文档接口、服务器信息及服务器权限等;配合运营公司进行网站页面调整、活动H5部署、维护官网稳定运行、定期上传官网数据内容等;
1)定期登录Azure查看厂商上传数据,并使用puty对数据进行上传;
2)配合广告公司,不定期对网站页面进行修改,增加新产品内容、修改现有产品内容等;
3)配合雅培技术,根据WAF相关规则和相关拦截日志,对网站进行分析与调整,保证网站功能正常使用;
4)与后端商讨由于数据变更导致的相关问题并进行解决。如因厂商上传产品数据结构发生变化,对数据交 互部分代码进行修改;
5)记录每周维护内容,整理维护日志等。
2.本田电动车官网
项目介绍:主要介绍本田电动车性能、外观、本田电动车新闻和活动信息,购车服务中调用百度地图api显示各个店铺位置。
项目职责:网站需求对接;网站整体架构设计、调配后端人员进行服务器购买、搭建、部署;整体前端开发;
1)与甲方公司对接网站需求,整理需求文档并对其进行评估;
2)参与网站架构设计,商讨架构最优方案;
3)对网站设计图进行确认、切图,根据客户要求使用html、css、javascript及jQuery库进行开发,使用
ajax进行前后端数据交互。
4)使用百度地图api完成线下店铺模块功能;
5)对网站进行维护,不定期进行页面更新、新闻数据上传等。
3.阿芙福利贩卖机小程序
项目介绍:配合广告公司完成本次活动。用户支付一定金额后可进行抽奖,并可将抽奖所得物品进行打包。打包后可查看相关物流信息、抽奖历史记录等;
项目职责:小程序整体开发,与甲方订单系统进行对接。调配后端人员开发,并完成数据对接;
1)根据设计图进行前端页面搭建;
2)使用wx.createAnimation等进行动画制作,完成抓娃娃机动画特效;
3)使用wx.requestPayment完成小程序支付功能;
4)使用wx.request完成前后端数据交互;
5)使用不同路由完成小程序页面跳转及页面间数据传输。
4.骑语者小程序(目前已停止维护业务,源码等全部交付客户)
项目介绍:主要面向健身爱好者,管理员可在后台管理系统添加课程、商城内容以及会员用户资料。用户可进行课程报名、购买课程(包含支付功能)、个人资料完善等。
项目职责:小程序整体需求对接、原型制作、前端开发、后台管理系统整体规划。
1)与客户对接相关需求,并整理需求文档,对其进行评估;
2)根据需求,使用墨刀进行原型设计,根据客户反馈意见进行调整;
3)进行小程序账号和微信公众号注册、认证,完成小程序支付功能开通,配置相关业务域名等;
4)使用小程序官方组件及api进行开发,使用wx.request进行前后端数据交互,根据使用场景使用不同路由 进行页面跳转及页面间数据传输;
5)使用wx.requestPayment完成小程序支付功能;
6)与后端对单车系统数据进行对接与测试;
7)对小程序进行维护,保证功能正常运行。
5.北京汽车H5开发 (项目入口位于12306APP首页北京汽车)
项目介绍:投放于12306APP,主要展示几种不同型号汽车、线上用户交互等
项目职责:负责H5前端开发、使用Ajax与后端进行数据交互、各机型适配、微信jssdk等接口使用。
1)使用html、css、javascript及jQuery库进行开发;
2)使用Ajax进行前后端数据交互;
3)在12306App中对各个机型进行适配处理。
6.鲁能集团H5开发
项目介绍:介绍鲁能集团各类酒店、商旅、文旅、物业等内容,展示每个版块所含内容及介绍等;
项目职责:H5整体前端搭建,使用Ajax完成数据交互,使用swiper等前端插件完成页面制作;后台管理系统搭建,前端部分使用VUE框架进行搭建,配合vue-router配置路由、通过axios完成数据交互等。
1)与客户进行需求对接,整理需求文档,并对其进行评估;
2)使用html、css、JavaScript、jQuery库、swiper等插件进行开发;
3)使用ajax进行前后端数据交互;
4)使用vue进行后台管理系统搭建,使用vue-router进行路由配置,使用axios完成与后端数据交互。
7.随手记秒变球迷H5
项目介绍:为了配合世界杯开发,用户可选择喜欢球队确认海报模板,上传照片进行人脸融合,最终生成海报。
项目职责:H5前端开发,使用Ajax完成数据交互,上传照片使用face++平台人脸融合接口完成最终海报合成。
1)使用html、css、JavaScript及jQuery进行前端开发;
2)使用face++人脸融合接口,完成人脸融合功能;
3)使用JavaScript完成照片上传、旋转、缩放、裁剪等功能;
4)使用canvas进行图像绘制,将图片转为base64码以展示海报。
8.海马体H5:
项目介绍:用户可自由选择元素,并对元素进行拖拽、旋转、缩放,选择相应标签生成相应海报。
项目职责:H5前端开发,完成与后端数据交互,H5动画开发等。
1)使用layaAir ide进行项目配置与开发;
2)参考layaAir技术文档,完成图片舞台添加、拖动、单指旋转、双指缩放等功能;
3)使用图集动画、缓动动画级时间轴动画完成该项目动画效果;
4)对大部分主流机型进行测试与适配调整。
9.其他项目 https://tengshi.bjsidao.com/code2019/case
项目介绍:多数为H5开发项目,包含上述链接的案例库,及案例库中部分H5