1.觸屏事件
touchstart/touchmove/touchend
2.移動端注意事項
a.點透現(xiàn)象张足，原因是使用touchstart笛丙，click有延遲嫉鲸，fastclick.js? ? document.addEventListener("DOMContentLoaded", function(){? ? Fastclick.attach(document.body)? ? }, false)?
?b. 彈窗出現(xiàn)輸入表單的時候??
?c. 上傳圖片 ?<input type="file">
? ? ?事件模擬/圖片縮略圖?
? ? ? 改變復(fù)選框默認(rèn)樣式
1. element.classList
element.classList.add(param1, param2...)? ? 添加
element.classList.remove(param1, param2...) 移出
element.classList.toggle("") 切換
2. jsonp 跨域請求
響應(yīng)的文本格式：函數(shù)的調(diào)用的字符串
函數(shù)名( json 格式的字符串【返回來的數(shù)據(jù)】)
搜狗/淘寶/360
3. cookie 保存在瀏覽器端的用戶信息的文本产上，約4k 120~150條
cookie必須在服務(wù)器環(huán)境下棵磷，cookie第一次在服務(wù)器生成，響應(yīng)給客戶端
客戶端發(fā)起請求時晋涣，cookie會跟隨請求一起發(fā)送到服務(wù)器端
優(yōu)點：能記錄用戶信息仪媒，保持狀態(tài)
缺點：消耗相當(dāng)?shù)膸捑W(wǎng)絡(luò)資源，可能泄露用戶的私隱
4.localhost
127.0.0.1 本機地址
本地存儲谢鹊，5M算吩，不需要服務(wù)器環(huán)境，一直保留在瀏覽器
localStorage
localStorage.score = 12;
localStorage.score
localStorage.getItem(name)? ? ? ? 獲取
localStorage.setItem(name, value) 設(shè)置
localStorage.removeItem(name)? ? 移除
sessionStorage 會話佃扼，跟localStorage 時效不一致偎巢，瀏覽器或當(dāng)前頁面關(guān)閉，信息不保存
sessionStorage.getItem(name)? ? ? ? 獲取
sessionStorage.setItem(name, value) 設(shè)置
sessionStorage.removeItem(name)? ? 移除
5. for in 遍歷對象
查看window中以"on"開頭的屬性
for(var i in window) {
? ? ?if(i.indexOf("on") === 0) {
? ? ?console.log(i)
? ? ?}
}
6. hammer.js 提供觸屏手勢事件的插件
tap, doubletap, pan, swipe, press, pinch , rotate
directions
Name Value
DIRECTION_NONE 1
DIRECTION_LEFT 2
DIRECTION_RIGHT 4
DIRECTION_UP 8
DIRECTION_DOWN 16
DIRECTION_HORIZONTAL 6
DIRECTION_VERTICAL 24
DIRECTION_ALL 30
swipe默認(rèn)水平方向生效兼耀，設(shè)置全方位生效
hammer.get('swipe').set({ direction: Hammer.DIRECTION_ALL });
pinch 和 rotate 默認(rèn)是不可用的压昼，因為它們可能會導(dǎo)致元素被卡住，如果你想啟用它們翠订，可以加上這兩句：
hammer.get('pinch').set({ enable: true });
hammer.get('rotate').set({ enable: true });
7. swiper.js 提供輪播圖巢音，適配移動端
使用
a.引入對應(yīng)的swiper.css跟swiper.js
b. var myswiper = new Swiper(".swiper-container", {
})
https://github.com/nolimits4web/Swiper/blob/Swiper2/API.md
http://www.cnblogs.com/scavengers/p/3760449.html
