1.圖片在div中居中顯示
<div><img scr="img/img.png"></div>
CSS樣式如下：
div{width:300px; height:150px; background-color:#CCC; border:#000 1px solid;text-align:center;padding-top:50px;}
margin:0 auto;
position: relative;
2.css中rem 與 px 之間的換算關(guān)系
rem 和 em 都是一個(gè)相對(duì)大小的值逃呼，它是相對(duì)于根元素<html>;
當(dāng)我們將<HTML>的文字設(shè)置為14px時(shí),將px的數(shù)值除以14即可得到rem的值:比如將某個(gè)值設(shè)置為960px,換算成rem就是960/14rem;
rem是一個(gè)參照數(shù)值,如果沒(méi)有在根元素指定參照值辆它， 瀏覽器的默認(rèn)值為 1rem 為 16px,如果將html設(shè)置為20px，那 1rem 就相當(dāng)于 20px. https://lms.im/css/1069.html
3.當(dāng)有多個(gè)div時(shí),設(shè)置自動(dòng)換行執(zhí)行命令;
<div style="clear:both;" >
4.document.onreadystatechange
window.addEventListener,document.onreadystatechange監(jiān)聽(tīng)網(wǎng)絡(luò)加載狀態(tài)的改變,后面可以綁定相關(guān)的方法,當(dāng)改變加載狀態(tài)是執(zhí)行:
document.onreadystatechange=function(){
if(document.readyState=="complete"){
setTimeout('$(".zz").css("display","none")',500);
}
}
一篇較好的解釋: http://www.jb51.net/article/20445.htm
5.indexOf()
indexOf() 方法可返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置左腔。
例:tmpString.indexOf(substring,fromIndex)
這個(gè)方法表示:從頭到尾地檢索字符串tmpString是否含有子串 substring崩掘。如果找到一個(gè) substring誉结，則返回 substring 的第一次出現(xiàn)的位置;tmpString 中的字符位置是從 0 開(kāi)始的,如果沒(méi)有找到則返回-1;(區(qū)分大小寫(xiě))
6.userAgent
根據(jù) user agent 的信息獲取瀏覽器信息;
ua = navigator.userAgent.toLowerCase(), // 根據(jù) user agent 的信息獲取瀏覽器信息
deviceWidth = window.screen.width, // 設(shè)備的寬度
devicePixelRatio = window.devicePixelRatio || 1, // 物理像素和設(shè)備獨(dú)立像素的比例昂验，默認(rèn)為1
targetDensitydpi;
/* Android4.0以下手機(jī)不支持viewport的width，需要設(shè)置target-densitydpi
//ua.indexOf("android") !== -1//如果是安卓設(shè)備則返回true
//parseFloat(ua.slice(ua.indexOf("android") + 8)) < 4//獲取手機(jī)版本號(hào)小于4
*/
if (ua.indexOf("android") !== -1 && parseFloat(ua.slice(ua.indexOf("android") + 8)) < 4) {
targetDensitydpi = DEFAULT_WIDTH / deviceWidth * devicePixelRatio * 160;
$('meta[name="viewport"]').attr('content', 'target-densitydpi=' + targetDensitydpi + ', width=device-width, user-scalable=no');
}
獲取到瀏覽器的類(lèi)型(內(nèi)容出自:https://www.douban.com/note/348261828/):
如果更關(guān)注瀏覽器的能力而不在乎它實(shí)際的身份眶明，就可以使用這種方法艰毒。
var ua = navigator.userAgent.toLowerCase(); //獲取用戶(hù)端信息
var info = {
ie: /msie/.test(ua) && !/opera/.test(ua), //匹配IE瀏覽器
op: /opera/.test(ua), //匹配Opera瀏覽器
sa: /version.*safari/.test(ua), //匹配Safari瀏覽器
ch: /chrome/.test(ua), //匹配Chrome瀏覽器
ff: /gecko/.test(ua) && !/webkit/.test(ua) //匹配Firefox瀏覽器
};
(info.ie) && alert("IE瀏覽器");
(info.op) && alert("Opera瀏覽器");
(info.sa) && alert("Safari瀏覽器");
(info.ff) && alert("Firefox瀏覽器");
(info.ch) && alert("Chrome瀏覽器");
