1.ios下不支持 2017-07-08日期格式购笆，會出現(xiàn)NaN-NaN-NaN亂碼，因此進(jìn)行轉(zhuǎn)換
? ? var today = '2018-03-22';? today = today.replace(/-/g,"/");
? ? 這種格式的時(shí)間巾兆，在IOS上轉(zhuǎn)化為時(shí)間戳，轉(zhuǎn)化不成功
2.安卓軟件盤與安卓軟鍵盤的差異性處理虎囚，安卓點(diǎn)擊輸入框時(shí)有時(shí)會出現(xiàn)軟鍵盤遮擋輸入框角塑，需要處理下
var HEIGHT = $('.page').height(); // 整個(gè)頁面的高度，單屏頁面
$(window).resize(function() { // 軟鍵盤彈出淘讥，觸發(fā) resize 方法
? ? $('.page').height(HEIGHT);
? });?
3.position屬性帶來的浮動問題：
問題描述：
在input被獲取焦點(diǎn)時(shí)圃伶，屏幕上position屬性值為absolute的元素，包含input适揉，會被彈出的虛擬鍵盤頂起留攒，導(dǎo)致顯示樣式異常
設(shè)備：
android設(shè)備存在此問題，而ios設(shè)備顯示正常
原因分析：
css屬性中對容器的樣式中提到嫉嘀，子元素定位方式為absolute或者fixed炼邀，若父容器沒有添加屬性position:relative；則當(dāng)前元素的定位坐標(biāo)是相對于body元素的（大部分情況下也可描述為當(dāng)前窗口可見范圍）剪侮。問提的出現(xiàn)是android的虛擬鍵盤顯示機(jī)制拭宁，占用了一部分的屏幕資源洛退，是的分配給瀏覽器的屏幕資源高度縮小，position為absolute和fixed的元素在父容器沒有定義position:relative的情況下杰标，因?yàn)闉g覽器窗體可見范圍的縮小兵怯，定位響應(yīng)發(fā)生改變，所以出現(xiàn)“被頂起”的情況腔剂。
解決方案：
在分析中提到媒区，父級容器與子元素的關(guān)系，所以在父級容器中定義容器高度掸犬，并設(shè)定position屬性的值為relative即可解決此問題袜漩。
4.html5調(diào)用安卓或者ios的撥號功能
html5提供了自動調(diào)用撥號的標(biāo)簽，只要在a標(biāo)簽的href中添加tel:就可以了湾碎。
如下：
400-810-6999 轉(zhuǎn) 1034
撥打手機(jī)直接如下
5.transition閃屏
/設(shè)置內(nèi)嵌的元素在3D 空間如何呈現(xiàn)：保留3D /
-webkit-transform-style: preserve-3d;
/ 設(shè)置進(jìn)行轉(zhuǎn)換的元素的背面在面對用戶時(shí)是否可見：隱藏 /
-webkit-backface-visibility:hidden;
6.圓角bug
某些Android手機(jī)圓角失效
background-clip: padding-box;
7宙攻、設(shè)置緩存
手機(jī)頁面通常在第一次加載后會進(jìn)行緩存，然后每次刷新會使用緩存而不是去重新向服務(wù)器發(fā)送請求介褥。如果不希望使用緩存可以設(shè)置no-cache座掘。
8.判斷是安卓還是IOS
var ua = navigator.userAgent.toLowerCase();
//var isIOS = /\((iPhone|iPad|iPod)/i.test(ua);
var isIOS = /\(iPad/i.test(ua);
var isIPhone = /\(iPhone/i.test(ua);
var isAndroid = /android/.test(ua);
let u = navigator.userAgent
?let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1 // android終端
8.判斷是微信環(huán)境還是瀏覽器環(huán)境還是app環(huán)境
var ua = window.navigator.userAgent.toLowerCase();
//??ì¨ì?2a
if (ua.match(/Bestpay/i) == 'bestpay') {
ENV = "App";
} else if (ua.match(/MicroMessenger/i) == 'micromessenger') {
ENV = "Weixin";
} else {
ENV = "Browser";
}
9.-webkit-user-select: none; 設(shè)置這個(gè)屬性在ios上 input框無法輸入， 解決方案注釋這條屬性柔滔，或者-webkit-user-select: auto;
