摘要：服務(wù)器無法理解請求的格式，客戶端不應(yīng)當(dāng)嘗試再次使用相同的內(nèi)容發(fā)起請求。服務(wù)器端暫時無法處理請求可能是過載或維護(hù)。

1、css無法遞歸式定義
2、解決復(fù)用性不夠
3、可以緩解瀏覽器兼容造成的冗余

cookie用來在瀏覽器和服務(wù)器中傳遞并且總量很小
sessionStorage和localStorage用于存儲本地數(shù)據(jù)，存儲較大
localStorage是持久性存儲

websocket、shareWorker
也可以調(diào)用localstorge、cookies等本地存儲方式
將有專門的教程講解websocket

Adobe Flash Socket 、
ActiveX HTMLFile (IE) 、
基于 multipart 編碼發(fā)送 XHR 、
基于長輪詢的 XHR

1、水平居中,給定寬度

div{

    width: 200px
    margin:0 auto
}

2、絕對定位居中

div {
position: absolute;
width: 300px;
height: 300px;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;

}

3、水平居中

確定寬高
div {
position: relative;
width: 500px;
height: 300px;
top: 50%;
left: 50%;
margin: -150px 0 0 -250px;

}

不知道寬高


div {
position: relative;
width: 500px;
height: 300px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);

}

使用flex布局

   .container {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .container div {
        width: 100px;
        height:100px;
    }

文字特效：text-shadow
線性漸變：gradient
旋轉(zhuǎn)：transform
圓角：border-radius
新增選擇器:not(:input)
沒寫全，但是夠用了

把上、左、右三條邊隱藏掉

#demo {
    width: 0;
    height: 0;
    border-width: 20px;
    border-style: solid;
    border-color: transparent transparent red transparent;
}

回車和空格會被應(yīng)用樣式,解決方法：把字符大小設(shè)置成font-size:0

清除浮動是為了清除浮動元素產(chǎn)生的影響，浮動的元素高度將會塌陷，后面的布局也就不能實現(xiàn)，這兒講一種方法
&:after

display: inline-block

多數(shù)顯示屏默認(rèn)頻率是60hz，所以理論上最小間隔1/60*1000ms = 16.7ms

cookie有域的限制,跨期提交請求時，不會攜帶cookie

方法一、

var arr = [1,2,3,4,5,7,8,9]

function randSort(arr) {

for (var i = 0, len = arr.length; i < len; i++) {
    var rand = parseInt(Math.random()*len)
    var temp = arr[rand]
    arr[rand] = arr[i]
    arr[i] = temp
}
return arr

}
方法二
var arr = [1,2,3,4,5,7,8,9]
function randSort2(arr) {

var mixedArray = []
while(arr.length > 0) {
    var randomIndex = parseInt(Math.random()*arr.length)
    mixedArray.push(arr[randomIndex])
    arr.splice(randomIndex, 1)
}
return mixedArray

}
方法三
var arr = [1,2,3,4,5,7,8,9]
arr.sort(function () {

return Math.random() - 0.5

})

window是瀏覽器打開的窗口，document是Document對象的一個只讀引用

[“1”, “2”, “3”].map(parseInt) 答案是多少？
[1, NaN, NaN]

return a instance of Person

1、創(chuàng)建一個空對象，并且this引用該對象，同時還繼承了該函數(shù)的對象
2、屬性和方法都加入到this引用的對象中
3、新創(chuàng)建的對象由this所引用，最后隱式返回this

Oject.hasOwnProperty(name),返回布爾值，不會去尋找原型鏈上的屬性

功能檢測、userAgent特征檢測：navigator.userAgent

polyfill 是“在舊版瀏覽器上復(fù)制標(biāo)準(zhǔn) API 的 JavaScript 補(bǔ)充”,可以動態(tài)地加載 JavaScript 代碼或庫，在不支持這些標(biāo)準(zhǔn) API 的瀏覽器中模擬它們。

Object.is在處理-0和+0是返回false,但是Object.is(NaN, NaN)返回true

1、減少http請求次數(shù)：雪碧圖、js,css源碼壓縮、圖片大小控制合適，cdn托管
2、使用ajax代替整體刷新頁面
3、減少dom操作
4、設(shè)置樣式時更多的時候使用className而不是style
5、少用全局變量、緩存dom節(jié)點查找結(jié)果
6、避免使用css expression
7、圖片懶加載（有專門的文章講解圖片懶加載）

100 Continue 繼續(xù)，一般在發(fā)送post請求時，已發(fā)送了http header之后服務(wù)端將返回此信息，表示確認(rèn)，之后發(fā)送具體參數(shù)信息
200 OK 正常返回信息
201 Created 請求成功并且服務(wù)器創(chuàng)建了新的資源
202 Accepted 服務(wù)器已接受請求，但尚未處理
301 Moved Permanently 請求的網(wǎng)頁已永久移動到新位置。
302 Found 臨時性重定向。
303 See Other 臨時性重定向，且總是使用 GET 請求新的 URI。
304 Not Modified 自從上次請求后，請求的網(wǎng)頁未修改過。

400 Bad Request 服務(wù)器無法理解請求的格式，客戶端不應(yīng)當(dāng)嘗試再次使用相同的內(nèi)容發(fā)起請求。
401 Unauthorized 請求未授權(quán)。
403 Forbidden 禁止訪問。
404 Not Found 找不到如何與 URI 相匹配的資源。

500 Internal Server Error 最常見的服務(wù)器端錯誤。
503 Service Unavailable 服務(wù)器端暫時無法處理請求（可能是過載或維護(hù)）。

我的githubhttps://github.com/skychenbo如果覺得對你有用，歡迎點一個star