摘要：子選擇器和后代選擇器的區(qū)別子選擇器是選擇元素的直接后代，即作用于第一個(gè)后代后代選擇器則可作用于孫子代曾孫子代等。后代選擇器通過(guò)空格來(lái)進(jìn)行選擇，而子選擇器是通過(guò)進(jìn)行選擇。

類(lèi)別選擇器、ID選擇器、標(biāo)簽選擇器、通用選擇（*）、后代選擇器、偽類(lèi)選擇器

！important>行內(nèi)樣式>ID選擇器>類(lèi)選擇器>標(biāo)簽>通配符>繼承>瀏覽器默認(rèn)屬性

同一級(jí)別中后寫(xiě)的會(huì)覆蓋先寫(xiě)的樣式。

子選擇器和后代選擇器的區(qū)別
子選擇器是選擇元素的直接后代，即作用于第一個(gè)后代；后代選擇器則可作用于孫子代、曾孫子代等。
后代選擇器通過(guò)空格來(lái)進(jìn)行選擇，而子選擇器是通過(guò)“>”進(jìn)行選擇。

行內(nèi)元素：a，span，img，input，select，strong，em，b（標(biāo)記性元素）
塊元素：div，p，ul，li，ol，dd，dt，dl，h1-h6
空元素：hr，br，input，img，link，meta

display：block將元素顯示為塊級(jí)元素，可以設(shè)置元素的寬高，每一個(gè)塊級(jí)元素都是從新的一行開(kāi)始（帶換行符）。

display : inline將元素顯示為行內(nèi)元素，高度，行高以及底邊距不可進(jìn)行設(shè)置，高度就是內(nèi)容文字或者圖片的寬度，不可以改變。多個(gè)相鄰的行內(nèi)元素排在同一行里。（不帶換行符）

display：inline-block將元素顯示為行內(nèi)塊狀元素，設(shè)置該屬性后，其他的行內(nèi)塊級(jí)元素會(huì)排列在同一行。既有block的寬度高度特性，又有inline的同行特性。

position: absolute;
width: 0px;
border-bottom: 5px solid red;
border-left: 5px solid transparent;
border-right:  5px solid transparent

absolute：生成絕對(duì)定位元素，相對(duì)于值不為static的第一個(gè)父元素進(jìn)行定位

fixed：生成絕對(duì)定位，相對(duì)于瀏覽器窗口進(jìn)行定位

relative：生成相對(duì)定位元素，相對(duì)于其正常位置進(jìn)行定位

static：沒(méi)有定位，元素出現(xiàn)在正常的流中（忽略偏移聲明：top、left、right、bottom、z-index）

inherit：從父元素繼承position屬性的值

/* 方式一 */
function formatNumber(num) {
    let array = num.toString().split("");
    let length = array.length-1;
    while(length >= 3){
        array.splice(length - 2, 0, ",");
        length = length -3;
    }
    let b = array.join("");
    return b;
}

/* 方式二 */
function formatNumber(num) {
    /* 使用正則表達(dá)式，將數(shù)字轉(zhuǎn)化為字符串后，全局匹配，
     * 看是否符合斷言（?=(?:d{3})+$)部分
     * 遇到數(shù)字并且該數(shù)字后跟著連續(xù)的三位數(shù)字（可以出現(xiàn)多次），
     * 若符合，則在該數(shù)字（"$1")后加入逗號(hào)，替換的時(shí)候忽略(?:)這連續(xù)的三位數(shù)
     */
    let array = num.indexOf(".") !== -1 ?
        num.toLocaleString() : num.toString().replace(/(d)(?=(?:d{3})+$)/g, "$1,");
}

undefined——這個(gè)值未定義

boolean——這個(gè)值是布爾值

string——這個(gè)值是字符串

number——這個(gè)值是數(shù)值

object——這個(gè)值是對(duì)象或null

function——這個(gè)值是函數(shù)

創(chuàng)建XMLHttpRequest對(duì)象,也就是創(chuàng)建一個(gè)異步調(diào)用對(duì)象

創(chuàng)建一個(gè)新的HTTP請(qǐng)求,并指定該HTTP請(qǐng)求的方法、URL及驗(yàn)證信息

設(shè)置響應(yīng)HTTP請(qǐng)求狀態(tài)變化的函數(shù)

發(fā)送HTTP請(qǐng)求

獲取異步調(diào)用返回的數(shù)據(jù)

使用JavaScript和DOM實(shí)現(xiàn)局部刷新

let xmlHttp = null;
if(window.XMLHttpRequest) {
    /* 除IE5、IE6瀏覽器 */
    xmlHttp = new XMLHttpRequest();
} else {
    /* 早期的IE5、IE6瀏覽器 參數(shù)是規(guī)定的 */
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
}
/* open請(qǐng)求方式，參數(shù)一：表示以什么方式（POST、GET）；
 * 參數(shù)二：表示服務(wù)器的地址；參數(shù)三：是否異步，默認(rèn)是true，false表示同步 */
xmlHttp.open("GET", "地址", true);
/* 如果以post方式請(qǐng)求，必須要添加 */
xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlHttp.send();
xmlHttp.onreadystatechange = function() {
    if(xmlHttp.readyState === 4 && xmlHttp.status === 200) {
        
    }
};