1.移动端开发：
web APP:
相当于网页页面
Hybrid App:
需要下载在安装 ，半原生半web
Native App:
原生开发，能够访问本地资源，须下载安装
参考链接：www.cnblogs.com/yuanyingke/…
2. 响应式开发（自适应）
1.定义：
集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。 比如星巴克网页，让内容以最佳形式展现在顾客面前
2.如何实现响应式布局
css3 medio query（简单，常用）
开原本框架bootstrap 栅格特别好用
3.css3 medio query应用
1.媒体查询 （@media）
1. 必须写在最下面，避免覆盖
@media (max-width:980px){ }min-height max-height.....
当最大宽度为980px，可以更改其中内容,小于等于980px时其中的样式就是自己写的
eg:
2.屏幕(screen) 多个条件用and连接
@media screen and (max-width:980px) and (min-width: 180px)
多行文本垂直居中
dispaly:table
diaplay:table-cell
vertical-align:middle
text-align:center
padding-top:100%;加上百分比，即可以设置高度自适应，图片相对于父元素宽的百分比
3.相对单位
rem 相对于根元素（常用）
rem是CSS3新增的相对长度单位，是指相对于根元素html的font-size计算值的大小。简单可理解为屏幕宽度的百分比。
eg:html{font-size:16px;}
eg:.div{
width:20rem;
height:20rem;//相对于根元素htm改变的，20rem=320px;
}
rem在根据指定html根元素的字符大小而定的，从IE6到Chrome中，默认根元素的font-size都是16px的。如果想要设置12px的字体大小也就是12px/16px = 0.75rem
rem不同手机的适应度
已知一个模板手机比例：我们可知模板手机的宽eg:750px，我们设我们所需要的元素font-size：150px;则我们知道我们所需要元素占5rem
算另外一个版本手机的比例 ,我们也已知这个版本手机的宽为eg:1500px;我们所需要元素占5rem,则该元素font-size:300px;
fontsize=(doc.clientWidth/750)*100+'px'; 即为100px//乘数100，为原来的一份100px,750为原来平均分的份数
doc.clientWidth 窗口宽度
em 相对于当前元素比值
元素的字体是相对于根元素计算，其他属性相对于元素自己本身计算
eg:eg:html{font-size:16px;}
eg:.div{
width:1em;//相对于根元素htm改变的，1rem=16px;
width:2em;//相对于元素本身计算，即上一步的结果元素再进行计算
}
事件基本和jequery差不多，只是增加了一些
参考地址：
www.zeptojs.cn/
事件
singleTap
doubleTap
longTap
swipe
touchstart
touchmove
touchend
移动兼容问题
颜色渐变：backgroung-image:
低版本手机：加上background-color才能
图片上传，不同手机input file展现形式不同
12306web 会出现闪退
input placeholder//默认输入框文字，在手机上有可能默认placeholder的文字不会居中，加上padding 就可以解决
音频在Android中会自动播放，但是在iOS系统不会
VConsole 在手机也能检查元素，引入就行，在js标签里引入VConsole，在varnew=？？，即可
Jsbrige的原理 H5页面使可以跳转到本地，进行拍照等功能
h5调用native naive也可以调用h5 通过Jsbrige桥
微信jssbk
