转载移动端经常遇到的一些问题

var startY,endY;
//记录手指触摸的起点坐标
$('body').on('touchstart',function (e) {
     startY = e.touches[0].pageY;
});
$('body').on('touchmove',function (e) {
     endY = e.touches[0].pageY;  //记录手指触摸的移动中的坐标
     //手指下滑，页面到达顶端不能继续下滑
     if(endY>startY&& $(window).scrollTop()<=0){
         e.preventDefault();
     }
   //手指上滑，页面到达底部能继续上滑
     if(endY<startY&& $(window).scrollTop()+ 
         $(window).height()>=$('body')[0].scrollHeight){
         e.preventDefault();
     }
})

<script type="text/javascript"> 
	function nofind(){ 
		var img=event.srcElement; 
		img.src="images/logoError.png"; 
		img.onerror=null; 控制不要一直跳动 
	} 
</script> 
//html
<img src="images/logo.png" onerror="nofind();" />
``` 

### 8、transform属性影响position:fixed？

> 规范中有规定：如果元素的transform值不为none，则该元素会生成包含块和层叠上下文。
> **`CSS Transforms Module Level`** 不只在手机上，电脑上也一样。除了 `fixed` 元素会受影响之外，`z-index`（层叠上下文）值也会受影响。绝对定位元素等和包含块有关的属性都会受到影响。
> 当然如果transform元素的display值为inline时又会有所不同。最简单的解决方法就是transform元素内部不能有absolute、fixed元素.

### 9、`ios` 对 `position: fixed` 不太友好，有时我们需要加点处理？

> 在安卓上面，点击页面底部的输入框，软键盘弹出，页面移动上移。
> 而 **`ios`** 上面，点击页面底部输入框，软键盘弹出，输入框看不到了。查资料说什么的都有，`iscroll,jquery-moblie，absolute，fixe，static` 都非常复杂，要改很多。。。
> 让他弹出时让滚动条在最低部

```js
	var u = navigator.userAgent, app = navigator.appVersion;
	var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
	if (isiOS) {
	    $('textarea').focus(function () {
	        window.setTimeout('scrollBottom()', 500);
	    });
	}
	function scrollBottom() {
	    window.scrollTo(0, $('body').height());
	}

var person = {
    "name" : "zhangshan",
    "sex" : "man",
    "age" : "50",
    "height" : "180",
    "phone" : "1xxxxxxxxxx",
    "email" : "xxxxxxxxx@xxx.com"
};
var arr = Object.keys(person);
console.log(arr.length);

var obj = { "prop1": "v1" };
Object.defineProperty(obj, "prop2", { value: "v2", enumerable: false });
console.log(Object.keys(obj).length);           //output：1
console.log(Object.getOwnPropertyNames(obj).length);    //output：2
 
console.log(Object.keys(obj));           //output：Array[1] => [0: "prop1"]
console.log(Object.getOwnPropertyNames(obj));    //output：Array[2] => [0: "prop1", 1: "prop2"]

var obj = { "prop1": "v1" };
Object.defineProperty(obj, "prop2", { value: "v2", enumerable: false});
 
console.log(obj.hasOwnProperty("prop1")); //output: true
console.log(obj.hasOwnProperty("prop2")); //output: true
 
console.log(obj.propertyIsEnumerable("prop1")); //output: true
console.log(obj.propertyIsEnumerable("prop2")); //output: false
 
console.log('prop1' in obj);    //output: true
console.log('prop2' in obj);    //output: true
 
for (var item in obj) {
    console.log(item);
}
//output：prop1
 
for (var item in Object.getOwnPropertyNames(obj)) {
    console.log(Object.getOwnPropertyNames(obj)[item]);
}
//ouput:[prop1,prop2]

// 以下支持webkit
touchstart——当手指触碰屏幕时候发生。不管当前有多少只手指
touchmove——当手指在屏幕上滑动时连续触发。通常我们再滑屏页面，会调用event的preventDefault()可以阻止默认情况的发生：阻止页面滚动
touchend——当手指离开屏幕时触发
touchcancel——系统停止跟踪触摸时候会触发。例如在触摸过程中突然页面alert()一个提示框，此时会触发该事件，这个事件比较少用

//TouchEvent说明：
touches：屏幕上所有手指的信息
targetTouches：手指在目标区域的手指信息
changedTouches：最近一次触发该事件的手指信息
touchend时，touches与targetTouches信息会被删除，changedTouches保存的最后一次的信息，最好用于计算手指信息

//参数信息(changedTouches[0])
clientX、clientY在显示区的坐标
target：当前元素

//事件响应顺序
ontouchstart > ontouchmove > ontouchend > onclick