1:before /:after偽元素默認(rèn)是一個行內(nèi)元素，設(shè)置width/height是無效的.可以把圖片設(shè)為背景圖片，通過bakckground-size來設(shè)置大小
.level_btn::after{content: '';display:block;position: absolute;right: 0;top: 0;background:url(../images/hand.png) center no-repeat;background-size: 1.3rem auto;width: 1.5rem;height: 2rem;}
.a{background-image:linear-gradient(to right,left,blue)}
.b{background-image:linear-gradient(180deg,left,blue)}
.c{background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);?}
2.<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
meta是html中的元標(biāo)簽，其中包含了對應(yīng)html的相關(guān)信息氮惯，客戶端瀏覽器或服務(wù)器端的程序會根據(jù)這些信息進(jìn)行處理。
HTTP-EQUIV類似于HTTP的頭部協(xié)議，它回應(yīng)給瀏覽器一些有用的信息跪呈，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容段磨。
content（內(nèi)容類型）：重要！耗绿！這個網(wǎng)頁的格式是文本的苹支，網(wǎng)頁模式
charset（編碼）：特別重要！Ｎ笞琛债蜜！這個網(wǎng)頁的編碼是utf-8，中文編碼究反，需要注意的是這個是網(wǎng)頁內(nèi)容的編碼寻定，而不是文件本身的，其他類型的編碼中文可能會出現(xiàn)亂碼精耐。
3.window.location.href="newUrl"
window.open("newUrl")? //Safari不兼容不會打開新頁面
4.safari瀏覽器返回頁面不刷新
在ios或者android上點(diǎn)擊后退時狼速，頁面沒有刷新而是直接讀取緩存，頁面上綁定在window上的事件消失了(例如onscroll)
微信換的內(nèi)核是蘋果的WKWebview 內(nèi)核卦停。Safari很早之前就使用了這個內(nèi)核向胡，而且微信官方明確表示，更換后惊完，將和Safari 表現(xiàn)出高度的相似性僵芹。
var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/;if(browserRule.test(navigator.userAgent)) { window.onpageshow =function(event) {if(event.persisted) { window.location.reload() } }; }
首先，我們需要判定它是 iPhone小槐、iPad或者Safari 的一種拇派，然后針對他們進(jìn)行特殊處理。
window.onpageshow 是會在頁面加載顯示后觸發(fā)本股，onpageshow 事件類似于 onload 事件攀痊，onload 事件在頁面第一次加載時觸發(fā)， onpageshow 事件在每次加載頁面時觸發(fā)拄显，即 onload 事件在頁面從瀏覽器緩存中讀取時不觸發(fā)苟径。
為了查看頁面是直接從服務(wù)器上載入還是從緩存中讀取，你可以使用 PageTransitionEvent 對象的 persisted 屬性來判斷躬审。 如果頁面從瀏覽器的緩存中讀取該屬性返回 ture棘街，否則返回 false。如上代碼所示承边，如果是從緩存加載的遭殉，就刷新頁面。
為了查看頁面是直接從服務(wù)器上載入還是緩存中讀取博助∠瘴郏可以使用PageTransitionEvent對象得peisisted屬性來判斷。如果頁面從瀏覽器的緩存中讀取該屬性返回true，否則返回false蛔糯，如上述代碼拯腮，如果是從緩存中加載的，就刷新頁面
之前蚁飒，reload方法被微信無情的槍斃掉了动壤，但是換了內(nèi)核之后，這個方法是好用的淮逻。
解決辦法? window.open()在Safari不兼容
var?newTab?=?window.open('about:blank');
????????$.ajax({
????????????url:?"",
????????????dataType:?'jsonp',
????????????data:?"param="?+?JSON.stringify(param),
????????????jsonp:?'callback',
????????????success:?function?(result)?{
????????????????if?(result.status?==?'1')?{?//圖書?填寫?收貨地址
????????????????????var?url2?=?'';
????????????????????newTab.location.href?=?url2;
????????????}
????????});
5.previousSibling 屬性返回同一樹層級中指定節(jié)點(diǎn)的前一個節(jié)點(diǎn)琼懊。nextSibling("content");
prev()和next()是jq的
在jq中兩個元素相比較的話不能使用==判斷?使用is判斷 $a.is($b)
6.監(jiān)聽iframe加載事件
$(document).ready(function(e){
? ? ? ? var iframe = document.getElementById("Box");? ?
? ? ? ? if (iframe.attachEvent) {? ?
? ? ? ? ? ? iframe.attachEvent("onload", function() {? ?
? ? ? ? ? ? ? ? //iframe加載完成后你需要進(jìn)行的操作?
? ? ? ? ? ? });? ?
? ? ? ? } else {? ?
? ? ? ? ? ? iframe.onload = function() {? ?
? ? ? ? ? ? ? ? ? ? ? //iframe加載完成后你需要進(jìn)行的操作?
? ? ? ? ? ? };? ?
? ? ? ? }?
7.var a;?在for循環(huán)里邊+=字符串的時候，會有個undefined爬早，是因?yàn)樵诙xa的時候沒有定義成字符串哼丈。
