• 个人作品(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,达到吸引眼球和活动预热效果
    图片
  • 相关阅读:
    spring
    SpringMVC 配置与使用
    基本MVC2模式创建新闻网站
    EL表达式
    JavaBeans介绍
    JSP简介
    Cookie与Session的异同
    过滤器的使用
    session的使用
    最长回文子串
  • 原文地址:https://www.cnblogs.com/c1ndy/p/5301050.html
Copyright © 2020-2023  润新知