(17.05.19)移動(dòng)端touch、移動(dòng)端拖拽、多物體拖拽、移動(dòng)端輪播圖、移動(dòng)端的庫(kù)

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();
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 移動(dòng)端的常見事件 touchstart 手指按下時(shí)觸發(fā)touchmove 手指移動(dòng)touchend 手指抬起 p...
    llpy閱讀 2,068評(píng)論 0 3
  • 1.Meta標(biāo)簽: 當(dāng)頁(yè)面在手機(jī)上顯示時(shí),增加這個(gè)meta可以讓頁(yè)面強(qiáng)制讓文檔的寬度與設(shè)備的寬度保持1:1,并且文...
    謝小逸閱讀 687評(píng)論 0 2
  • Meta標(biāo)簽: 這個(gè)想必大家都知道,當(dāng)頁(yè)面在手機(jī)上顯示時(shí),增加這個(gè)meta可以讓頁(yè)面強(qiáng)制讓文檔的寬度與設(shè)備的寬度保...
    iyimao閱讀 348評(píng)論 0 1
  • META相關(guān) 1. 添加到主屏后的標(biāo)題(IOS) 2. 啟用 WebApp 全屏模式(IOS) 當(dāng)網(wǎng)站添加到主屏幕...
    老夫的天閱讀 3,087評(píng)論 3 21
  • 又是開心的一天。 記營(yíng)業(yè)部故事。 阿姨來找我們一個(gè)客戶經(jīng)理辦業(yè)務(wù),經(jīng)過柜臺(tái)時(shí)候,客戶經(jīng)理指著我們帥氣的2號(hào)柜員講這...
    歐陽(yáng)新蘭閱讀 116評(píng)論 0 0