移动端

一、移动端

1、窗口设置

meta标签：视口信息：

content:
…width:物理设备里能够显示的页面像素，默认980
…width:device-width;
…intial-scale:设置页面初始缩放值，默认为1
…minimum-scale:最小缩放
…maximum-scale:最大缩放
…user-scalable:是否允许用户进行缩放：no/yes
…height:很少用

2、适配方式

1）百分比布局
2）viewport:给width一个固定值
3）rem适配（viewport值写完，width:device-width):
rem 单位，相对单位，相对于html(根标签)一个字体的倍数
em 单位，相对单位，相对于直系父级一个字体的倍数
px 固定单位

3、移动端自适应和pc端响应式布局的区别

二、head标签

1、含义：里面一般是对浏览器的设置

三、移动端的js

1、html:H5新增标签
2、css3
3、高性能，能用新增的就用新增的
4、touch事件：

touchStart:手指按下事件
touchcancel:
touchmove/:手指按下移动，触发
touchend:手指抬起

5、事件点透：事件的延续性，当事件在某个位置触发时，这个事件就会在这个位置延迟300ms,，可以通过取消默认效果来实现

6、event事件新增的3个属性

changedTouches:同时触发事件
targetTouches:触发事件时，该事件源头上的手指列表事件消息
touches:触发事件时，屏幕上的手指信息列表

7、封装一个滑屏的函数

8、zepto.js
tap():点击

9、模块化开发
10、包装对象

基本数据类型如果想使用方法，系统偷偷的把基本数据类型转变为对象，当变成对象以后使用方法，使用完又偷偷变成基本数据类型。

11、陀螺仪
移动端事件devicemotion:检测手机运动加速度

window.devicemotion=function(ev){
	ev.accelerationIncludingGravity
	x:
	y:
	z:
}

12、transitionend事件

四、打包App

五、apache

六、Ajax:异步的js和XML

优点：获取服务器数据，不用刷新整个页面