1.localStorage? sessionStorage
2.移動(dòng)端的事件
3.swiper庫(kù)的引用(輪播圖的應(yīng)用)
一. localStorage? sessionStorage
localStorage? sessionStorage 用法都相同
和cookie一樣都能存儲(chǔ)一些數(shù)據(jù)在服務(wù)器硬盤(pán)上? 但存儲(chǔ)的容量比cookie要大
都有 獲取getItem()? 寫(xiě)入setItem()? 刪除removeItem()? 刪除所有 clear() 四種方法
前者數(shù)據(jù)是永久保存的除非自己刪除? 后者關(guān)閉頁(yè)面就會(huì)刪除
二. 移動(dòng)事件
1.orientationchange 設(shè)備的橫豎屏的切換 并做了一個(gè)css一個(gè)小demo
學(xué)習(xí)到用link引入 減少dom操作 節(jié)省性能提高加載的效率
正常是0°? 左轉(zhuǎn)和右轉(zhuǎn)都是90°
2.觸摸事件
1.touchstrat? 手指放到屏幕的時(shí)候觸發(fā)
2.touchmove? 手指在屏幕上移動(dòng)的時(shí)候觸發(fā)
3.touchend? ? 手指離開(kāi)屏幕的時(shí)候觸發(fā)
4.touchcancel 非主觀意義上的手指移開(kāi)? 手機(jī)來(lái)電顯示等打斷
5.移動(dòng)端的拖拽? 和pc端是使用方法差不多
注意的點(diǎn)手指不確定有多少個(gè)? 我們得確定一個(gè)目標(biāo)來(lái)確定來(lái)作為點(diǎn)擊的操作箭頭
var aTouch = ev.touches[0]
3.手勢(shì)事件
1.gesturestart 兩個(gè)手指放入的時(shí)候觸發(fā)
2.gesturechange 任意一個(gè)手指發(fā)生改變的時(shí)候觸發(fā)
3.gestureend? ? 任意一個(gè)手指離開(kāi)屏幕的時(shí)候觸發(fā)
4.event.scale? 放大的比例? event.rotation 旋轉(zhuǎn)的方向
4.touchjs.min.js使用
固定格式? touch.on(事件目標(biāo)少孝,方法名勒极,函數(shù))
注意的點(diǎn)是得確定事件在屏幕上移動(dòng)了多少
用x,y來(lái)表達(dá)橫向縱向的變化
先在外面定義x =0? y=0? 初始位置? 后面改變的時(shí)候再等值就可以記錄當(dāng)前變換量
三.swiper庫(kù)的引用? 按照上面基本格式寫(xiě)代碼導(dǎo)入相應(yīng)的參數(shù)得到對(duì)應(yīng)的效果
是一個(gè)很好的學(xué)習(xí)庫(kù)