資訊專欄INFORMATION COLUMN
摘要：每次面試時(shí)常被問(wèn)到兼容問(wèn)題的解決，有時(shí)自己遇到過(guò)的問(wèn)題竟然也忘記了是怎么解決的，索性今天把它們記錄下來(lái)。的實(shí)現(xiàn)原理是在檢測(cè)到事件的時(shí)候，會(huì)通過(guò)自定義事件立即出發(fā)模擬一個(gè)事件，并把瀏覽器在之后的事件阻止掉。
每次面試時(shí)常被問(wèn)到兼容問(wèn)題的解決，有時(shí)自己遇到過(guò)的問(wèn)題竟然也忘記了是怎么解決的，索性今天把它們記錄下來(lái)。
1、chrome瀏覽器下不支持字體小于12像素通過(guò)transform:scale(0.8)這個(gè)css3屬性來(lái)解決
2、一些移動(dòng)端設(shè)備不支持vedio和audio的自動(dòng)播放解決方法是先通過(guò)用戶 touchstart 觸碰，觸發(fā)播放并暫停（音頻開(kāi)始加載，后面用 JS 再操作就沒(méi)問(wèn)題了）
以下是代碼：
document.addEventListener("touchstart",function() {
document.getElementsByTagName("audio")[0].play();
document.getElementsByTagName("audio")[0].pause();
});
3、ios系統(tǒng)下單擊事件有300ms的延時(shí)
出現(xiàn)這個(gè)問(wèn)題，是由于ios系統(tǒng)下有一個(gè)默認(rèn)的雙擊放大頁(yè)面(double tap to zoom)的方案，因此在檢測(cè)到第一個(gè)用戶tap事件后，會(huì)hold一段時(shí)間，若在此時(shí)間內(nèi)又檢測(cè)到新的tap，則判斷為雙擊事件，反之則判斷為單擊事件，而這個(gè)延遲的時(shí)間就是300ms左右。
解決方案：FastClick 是 FT Labs 專門為解決移動(dòng)端瀏覽器 300 毫秒點(diǎn)擊延遲問(wèn)題所開(kāi)發(fā)的一個(gè)輕量級(jí)的庫(kù)。FastClick的實(shí)現(xiàn)原理是在檢測(cè)到touchend事件的時(shí)候，會(huì)通過(guò)DOM自定義事件立即出發(fā)模擬一個(gè)click事件，并把瀏覽器在300ms之后的click事件阻止掉。
4、低版本瀏覽器不支持getElementByClassName解決方法是重寫一個(gè)getByClass()函數(shù)：
function getByClass(obj,sClass){
var aResult = [];
if(obj.getElementsByClassName){
aResult = obj.getElementsByClassName(sClass);
}else{
var aEle = obj.getElementsByTagName("*");
for(var i=0;i
5、原生ajax中低版本ie不支持xmlhttprequest對(duì)象
解決方法是做一個(gè)判斷，如果有xmlhttprequest方法，則調(diào)用，若沒(méi)有，則改用ie瀏覽器的ActiveXobject方法：
if(window.XMLHttpRequest){
var oAjax=window.XMLHttpRequest
}else{
var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
}
以上就是我能想到的，以后若有新問(wèn)題，我會(huì)繼續(xù)更新，感謝關(guān)注。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/81434.html
摘要：本文里提到的所有都是基于版本的，這使得我又一次被鄙視了使用的程序猿鄙視使用的程序猿。因此這些事物碼本身也是可以通過(guò)進(jìn)行增強(qiáng)的。 在Google上根據(jù)關(guān)鍵字程序員鄙視鏈搜索，會(huì)得到68多萬(wàn)條結(jié)果。 showImg(https://segmentfault.com/img/remote/1460000014000687); 玲瑯滿目的搜索結(jié)果里是眾多不同維度劃分的鄙視鏈。 其中有一個(gè)維度，...
摘要：本文里提到的所有都是基于版本的，這使得我又一次被鄙視了使用的程序猿鄙視使用的程序猿。因此這些事物碼本身也是可以通過(guò)進(jìn)行增強(qiáng)的。 在Google上根據(jù)關(guān)鍵字程序員鄙視鏈搜索，會(huì)得到68多萬(wàn)條結(jié)果。 showImg(https://segmentfault.com/img/remote/1460000014000687); 玲瑯滿目的搜索結(jié)果里是眾多不同維度劃分的鄙視鏈。 其中有一個(gè)維度，...
摘要：本文里提到的所有都是基于版本的，這使得我又一次被鄙視了使用的程序猿鄙視使用的程序猿。因此這些事物碼本身也是可以通過(guò)進(jìn)行增強(qiáng)的。 在Google上根據(jù)關(guān)鍵字程序員鄙視鏈搜索，會(huì)得到68多萬(wàn)條結(jié)果。 showImg(https://segmentfault.com/img/remote/1460000014000687); 玲瑯滿目的搜索結(jié)果里是眾多不同維度劃分的鄙視鏈。 其中有一個(gè)維度，...
摘要：本文里提到的所有都是基于版本的，這使得我又一次被鄙視了使用的程序猿鄙視使用的程序猿。因此這些事物碼本身也是可以通過(guò)進(jìn)行增強(qiáng)的。 在Google上根據(jù)關(guān)鍵字程序員鄙視鏈搜索，會(huì)得到68多萬(wàn)條結(jié)果。 showImg(https://segmentfault.com/img/remote/1460000014000687); 玲瑯滿目的搜索結(jié)果里是眾多不同維度劃分的鄙視鏈。 其中有一個(gè)維度，...
閱讀 3674·2023-04-26 01:43
閱讀 3046·2021-10-14 09:42
閱讀 5731·2021-09-30 09:59
閱讀 2231·2021-09-04 16:40
閱讀 1276·2019-08-30 15:52
閱讀 898·2019-08-29 17:09
閱讀 2105·2019-08-26 13:37
閱讀 3592·2019-08-26 10:20
