web錯題筆記（二）

• touchstart、touchmove、touchend等是html5上的觸摸事件，所以只能以類 似$('**').on('touch',**) 的方式，而不能用$(**).touch

• defer=’defer’延遲腳本（一個頁面最好只有一個延遲腳本）

• 建議用“//”註釋，少用“/**/”,避免影響正則計算

• 設置浮動時候，父元素記得清除浮動 ，否則影響計算高度

• QQ瀏覽器返回鍵不清除緩存（可針對ios瀏覽器點擊返回後字體顏色改變bug）

<METAHTTP-EQUIV="Pragma"CONTENT="no-cache">

<METAHTTP-EQUIV="Cache-Control"CONTENT="no-cache">

<METAHTTP-EQUIV="Expires"CONTENT="0">

• 回到頂部代碼段

$('html,body').animate({scollTop:0},500);

• getMonth()時記得+1（因爲以0開始）

• 獲取瀏覽器上url參數

function getUrlParam(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //構造一個含有目標參數的正則表達式對象
    var r = window.location.search.substr(1).match(reg); //匹配目標參數
    if (r != null) return unescape(r[2]); return null; //返回參數值
}

• 手機端上的頁面，當有fixed定位時，記得設置最大寬度不讓全屏佔滿（整個容器有最大寬度的情況下）

• z-index的值能低則低，避免後面有更高的層被覆蓋

• 用eval()可以將json文本轉化爲一個有用的數據結構，但是嚴重的是，它無法判斷服務器是否有漏洞，通過JSON.parse方法代替eval可避免這個問題，如果文本有異常數據，它將會拋出異常

• 遇到百思不得其解的bug時，請注意字符或字母有無拼寫錯誤

• li與li之間有看不見的空白。解決辦法，可以設置浮動，不想浮動的話在ul用font-size:0去掉空白，像chrome不支持font-size:0的用letter-spacing:-3px這樣的方式去掉li間的空白。