熟练应用HTML/HTML5,CSS/CSS3,快速搭建页面以及进行性能优化、浏览器兼容以及各移动应用内置WEB页兼容等
熟练应用JavaScript/ES6/jQuery/Ajax实现页面数据交互和动态效果
熟悉WebSocket和HTTP等网络协议,熟悉JSON数据协议;
掌握基础前端框架Vue.js,熟练vue-cli构建项目,webpack基本打包配置
熟练应用Emmet/Sass/响应式布局/Swiper/iScroll/Browsersync高效开发,节省开发时间
熟练使用WebStorm/Sublime/Atom/PhotoShop/Chrome/Firefox开发工具
熟练使用版本管理:Svn,Git
熟练且快速进行微信公众号H5、小程序、app内嵌网页开发
1:微信小程序开发(品牌线上线下联动推广/抽奖活动)
项目 1: 蓝妹啤酒原创酒吧计划 (微信小程序+H5)(和"口袋咖啡小程序"类似)
负责技术选择,页面编写,数据交互,性能优化,测试等
Wxml+Wxss+Flex+Css3+Js+Es6+Promise+jQuery+Sass+Canvas+组件化
用小程序+H5页面(数据交互)的方式实现用户DIY装饰以及生成海报后下载保存分享朋友圈
视图层采用Flex弹性布局,逻辑层采用模块化,常用功能组件化模式开发。
封装并采用Promise调用API接口,封装常用的分享,点赞,循环背景音乐,懒加载等组件
项目2:蓝妹啤酒(猜拳小程序游戏)
主要技术:wxml+Wcss+Css3+Js+Es6+WebSocket (WebSocket实现两人实时猜拳)
项目3:当当书店(小程序内嵌H5商城)
主要技术:Html+Css3+Sass快速构建页面及动画效果,Js+jQuery+Ajax完成小程序和H5之间的数据交互,Canvas生成海报
2:微信公众号H5开发(品牌线上活动/品牌推广)
项目1: 美赞臣活动H5 (用户上传照片,DIY装饰生成海报分享)
地址: http://project.xingkecgame.com/enfacny/index.php
主要技术:Html+Css3+Sass+jQuery+Canvas+Swiper
主要使用Swiper进行切换选择,Canvas截图生成海报
项目2:奇妙食光机(合生元活动推广) 地址: http://project.xingkecgame.com/hsyAnswer/
主要技术:Html+Css3+Sass+jQuery+Swiper+Canvas
项目着重于Css3动画,难点在于动画的出场次序以及动画与动画之间要衔接流畅.
3:移动端H5小游戏(投篮/跑酷/水果机/连连看/老虎机/节奏大师)
vanke跑酷游戏地址: http://project.xingkecgame.com/vankeproject/ Html+Css3+Sass快速构建页面及动画效果,Js/jQuery/Zepto.js完成交互,Canvas完成游戏部分