个人作品（2016.3.17更新）

换工作期间因为简历需要，特整理了如下作品以供HR和技术CTO鉴赏。

以下作品均为本人独立开发完成。

 

运行环境：php+mysql 运行平台：微信内置浏览器 使用技术：html5、css3、javascript、jquery、zepto、ajax等，（按具体需求灵活使用） （建议在4G或wifi环境下浏览） 这是一个互动型H5，用户可以在这里画出电影的一些经典场面，然后发送给好友，让好友去猜他画的是什么，然后好友可以给这幅作品点赞。并且设有热门排行榜和最新出炉排行榜。互动性较强，功能也颇多。这个项目的重点是使用了canvas画布，用户触摸移动时在canvas上勾勒出线条，实现画板功能。前端：html5+css3+js+jquery+ajax，后端php+mysql       为华为EMUI开发的圣诞节微信活动，用户上传照片即可识别颜值（随机），同时可以将照片配上文字生成贺卡发送给好友。趣味性、互动性都很棒。使用的是html5+css3+jquery+ajax完成前端，php+mysql完成后端。       用户进入H5后使劲摇晃手机，画面是一颗摇晃的树，所以叫“摇钱树”，摇一摇功能是使用html5的devicemotion 来获取设备各种运动和角度变化，从而实现。当用户摇晃手机时，显示礼盒，礼盒内容根据请求后端结果展示中奖或不中奖。前端：html5+css3+jquery+ajax+js，后端：php+mysql       为荣耀6Plus在双十一大战中微信侧开发的H5，用户上传一张自己的照片，模拟出识别人脸的动画，再模拟出pos机打印小票的动画，完了根据颜值（随机）分数获得奖品，最后有按钮导流到京东商城，整个过程非常有趣。前端用的是html5+css3+js+jquery+ajax，后端是php+mysql完成       配合荣耀7活动的跑酷类小游戏，使用原生js+jquery+css3完成动画和游戏功能。用户操作角色左右移动躲避障碍物，达到某个分数则可以进行抽奖。         这是一个趣味问答形式的测试H5，从题库中随机筛选4道题给用户，每道题都配有细节处的动画，体验感和趣味感倍增。答题完毕后根据用户的作答情况给出不同的趣味结果。（当然这也是跟随当时热点，快要过年时粉丝们的年终奖的话题）         展示型H5，以丰富的动画向用户展现出内容，显得更趣味生动。触摸滑动功能是使用jquery+swiper完成的       在碟中谍4上映时，结合热点为理财通做的创意H5，用了很多css3动画，中间还穿插了狙击敌人的交互游戏，在各主流机型上体验较好，得到客户高度好评。     为荣耀7手机发布会做的一个悬疑H5，达到吸引眼球和活动预热效果

转载于:https://www.cnblogs.com/c1ndy/p/5301050.html