-----，zepto 不能使用$().animate({scrollTop: 0})的解决方案
$("html,body").scrollTo( {toT : 0} ); 使用返回顶部
tap代替 click作为点击事件
------, fastclick 解决点透 ，延迟
1.FastClick.attach(document.body)
2.给需要“无延迟点击”的元素绑定click事件
一，新增的结构标签：(html5shiv.js 低版本支持)
header、footer、nav、 ，<article> 定义文章，<main>
二，其他标签 ： video、audio、canvas、svg
三，表单新控件，新属性：
1.required 必填字段 autofocus 自动获取焦点
2.pattern="[0-9]{10}" 正则匹配
3.类型匹配： type="email" ， type="url，color，number，
"range"滑动组件，date，time，search
4.<progress value="22" max="100"></progress>定义进度条
四，本地存储（localStorage,sessionStorage,cookie）
1.localStorage (只能存储字符串数据).不能跨浏览器读取数据
保存数据：localStorage.setItem(key,value);
读取数据：localStorage.getItem(key);
删除单个数据：localStorage.removeItem(key);
2.sessionStorage（会话）进行数据存储
五，离线存储（Application Cache）容量限制是5M
访问流程：首先manifest文件是否有变动，有变动把相应的变动更新，
同时改变浏览器里面的app cache，没有变动，直接把app cache的资源返回
1.<html manifest="manifest.manifest">
2. a.manifest文件
CACHE MANIFEST
#version 1.3
CACHE:
img/1.jpg
img/2.jpg
test.css
NETWORK:
1.js
3. 引入js 进行自动刷新
window.addEventListener('load', function(e) {
window.applicationCache.addEventListener('updateready', function(e) {
if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
// 调用applicationCache.swapCache()即可将原缓存换成新缓存。
window.applicationCache.swapCache();
window.location.reload();
}
}, false);
}, false);
六，移动端
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
`.移动端单位：rem vh vw em
2.背景图片要设置 background-size
3、边框太细在某些小屏手机不显示 。
4、img { vertical-align: top; } (对于行内块元素都起作用: img input )
5、设置 body { font-size: .14rem}, 否则影响图标字体的显示
七，移动端事件：
touchstart,touchmove,touchend
event对象:touches 手指的列表, targetTouches dom元素上手指的列表
touch对象属性:
clientX/clientY,pageX/pageY页面位置,screenX/screenY屏幕位置,target
禁止滚动e.preventDefault是阻止默认行为，touch事件的默认行为就是滚动。
八，Geolocation（地理定位）
1、使用 navigator.geolocation.getCurrentPosition(a) 方法来获得用户的位置。
function a(p){
x.innerHTML="纬度: " + position.coords.latitude +
"<br>经度: " + position.coords.longitude; }
网友评论