jsonp
因?yàn)閖sonp不是使用XMLHttpRequest對(duì)象
在移動(dòng)端不用鼠標(biāo)事件
????touch事件????????只能用事件綁定添加
????touchstart????????手指按下
var oTouch = ev.targetTouches[0];
oTouch.pageX/pageY;
????touchmove????????手指移動(dòng)
var oTouch = ev.targetTouches[0];
oTouch.pageX/pageY;
????touchend????????手指離開
var oTouch = ev.changedTouches[0];
移動(dòng)端拖拽:
不推薦使用left、top
推薦:
-webkit-transform:translate();
獲取transform的值
matrix(1, 0, 0, 1, 0, 0)
transform的值不好獲取。
????一切卡頓問題都用:
????????3D加速解決
????????translate3d(x,y,z);
????多物體拖拽:
????????要確保移動(dòng)和抬起的時(shí)候,操作的還是按下的手指。
????每個(gè)手指的身份標(biāo)識(shí)
????????oTouch.identifier
移動(dòng)端輪播圖
????判斷是否改變iNow
????????Math.abs
(按下和抬起之間的差)就是移動(dòng)距離
????????判斷上一張還是下一張
????????????往左拖拽
????????????????downX>endX
????????????????下一張????iNow++;
????????????往右拖拽
????????????????downX<endX
????????????????上一張????iNow--;
????????????走多遠(yuǎn)
????????????????-iNow*oLi.offsetWidth;
移動(dòng)端用的庫(kù)
zepto 玩法跟jquery一模一樣
官網(wǎng):
http://zeptojs.com/
劃分模塊
zepto ? 核心
event ? 提供了on和off
ajax ? 可以ajax交互
form ? 可以操作form
ie ? ie兼容
detect 檢測(cè)設(shè)備瀏覽器信息
fx 可以用動(dòng)畫
fx_methods show/hide/toggle/fade*都有動(dòng)畫
assets 解決IOS內(nèi)存bug
selector 提供偽類選擇器
touch 觸控
gesture 手勢(shì)
var json = {
show:function(a){
alert(a);
delete arguments[1].age;
return arguments[1].showName;
},
person:{
name:'123',
age:18,
showName:function(){
alert(this.age);
}
}
};
alert(json.show(12,json.person)());
12 undefined undefined
var num;
num = 11;
if(num%2){
function show(){
alert('奇數(shù)');
}
}else{
function show(){
alert('偶數(shù)');
}
}
show();