H5活动的一些事

ISUX团队镇楼：https://isux.tencent.com/nine-question-of-swipe-html5-page.html

IE6、7、8支持html5新元素 ： http://www.daqianduan.com/2831.html

一：动画分类

　　逐帧动画  补间动画

二：动画技术

　　手机端：

　　　　　　纯动画 ：css3动画性能稳定

　　　　　　需要和动画交互：canvas动画可提供更多接口

三：h5项目

　　父亲节：http://acts1.jj.cn/wechat_father_day2017/Index/?cp=1（正式）

　　　　　　http://mobtest.my.jj.cn/html/test_jj/father_day.html（前端）

　　闯关游戏：http://acts1.jj.cn/card_challenge/index/channel/157 （正式）

　　　　　　http://mobtest.my.jj.cn/html/test_jj/puzzle_cards.html（前端）

　　双屏互动：http://acts1.jj.cn/wechat_sphd2017/Index/?cp=1    http://acts1.jj.cn/wechat_sphd2017/Friend/?fd=（正式）

 

四：调试

　　重力感应摇晃旋转事件等的调试只能在真机中调试

  <script src="http://eruda.liriliri.io/eruda.min.js"></script>
  <script>eruda.init()</script>

  实现手机端页面控制台调试

 

五：微信中自动播放音乐

//微信播放音乐兼容函数
function audio_play(dom){
    document.addEventListener("WeixinJSBridgeReady", function () {
        dom.play();
    }, false);
    document.addEventListener('YixinJSBridgeReady', function() {
        dom.play();
    }, false);
    dom.play();
}

<audio class="qx_bg" preload="auto" src="//css.cache.jj.cn/music/2017/qixi/qx_bg.mp3" style="visibility:hidden;"></audio>