前言：

如果命运不宠你，请你别伤害自己

--------------------------------正文---------------------------------

响应式

    只写一套页面，在不同尺寸的设备下加载不同的样式
    缺点:
        1.对布局要求很高。
        2.浪费流量

媒体查询

    @media screen and () and () ... {
        selector{
            xxx:xxx;
        }
    }
    <link rel="stylesheet" href="" media="" />
    <link rel="stylesheet" href="phone.css" media="screen and (max-width: 399px)">

移动端Touch事件（手指滑）

  touchstart
  touchmove
  touchend
  (PS:必须使用事件绑定来添加)

获取touch事件信息

  touchstart or touchmove

        ev.targetTouches                按下的所有触控点    

        var oTouch = ev.targetTouches[0];       一个手指

        oTouch.clientX/clientY

        oTouch.identifier

  touchend

        ev.changedTouches               按下的所有触控点    

        var oTouch = ev.changedTouches[0];      一个手指

        oTouch.clientX/clientY

        oTouch.identifier            保证是同一手指

开启3D加速

    translate(x,y)

    translate3d(x,y,z)

轮播插件

Swiper (致力于解决各种轮播图问题)

官网:http://www.swiper.com.cn/

iscroll（模拟滚动，下拉刷新）

官网:http://cubiq.org/iscroll-5

Zepto（是一个在移动端使用的js库）

官网:http://www.zeptojs.cn/