需要等待，因為js是單線程語言

題目

獲取2017-06-10格式的日期
獲取隨機數(shù)，要求是長度一直的字符串格式
寫一個能遍歷對象和數(shù)組的通用forEach函數(shù)

Date.now() //獲取當(dāng)前時間毫秒數(shù)
  
var dt = new Date()
dt.getTime()          //獲取毫秒數(shù)
dt.getFullYear()      //年
dt.getMonth()        //月(0-11)
dt.getDate()        //日(0-31)
dt.getHours()        //小時(0-23)
dt.getMinutes()        //分鐘(0-59)
dt.getSeconds()        //秒(0-59)

Math.random()：可以用來清除緩存

forEach 遍歷所有數(shù)據(jù)

every 判斷所有元素是否都符合條件

some 判斷是否有至少一個元素符合條件

sort 排序

map 對元素重新組裝，生成新數(shù)組>- 過濾符合條件的元素

array.forEach

arr.forEach( function(item,index){ 
    console.log(index,item); 
});

array.every

var arr = [1,2,3,4,5];
var result = arr.every(function(index,item){
//用來判斷所有的數(shù)組元素，都滿足一個條件 
    if(item<6) 
        return true
});
    console.log(result);

array.some

var result = arr.some(function(index,item){ 
    if(item<5) 
        return true;
}); 
console.log(result);

arry.sort

var arr2 = arr.sort(function(a,b){ 
    //從小到大排序 return a-b; 
    //從大到小排序 
    //return b-a;
})

array.map

arr.map(function(item,index){
    return "
"+index+":"+item+"
"
})

array.filter

var arr2 = arr.filter(function (item,index){ 
    //通過某一個條件過濾數(shù)組 
    if(item >= 2) 
        return true
})

var obj = {
    x:100,
    y:200,
    z:300
}

var key

for(key in obj){
    if(obj.hasOwnProperty(key)){
        console.log(key,obj[key])
    }
}

function formatDate(dt){
    if(!dt){
        dt = new Date()
    }

    var year  = dt.getFullYear()
    var month = dt.getMonth() + 1
    var date  = dt.getDate()

    if(month < 10){
        //強制類型轉(zhuǎn)換
        month = "0" + month 
    }

    if(date < 10){
        //強制類型轉(zhuǎn)換
        date = "0" + date
    }
    //強制類型轉(zhuǎn)換
    return year + "-" + month + "-" + date
}

var dt = new Date()
var formatDate = formatDate(dt)
console.log(formatDate)

var random = Math.random() + "0000000000";
var random = random.slice(0,10);

function forEach(obj,fn){
    var key
    if(obj instanceof Array){
        //準(zhǔn)備判斷是不是數(shù)組
        obj.forEach(function(item,index){
            fn(index,item)
        })
    }else{
        //不是數(shù)組就是對象
        for(key in obj){
            fn(key,obj[k])
        }
    }
}

知識點：

js基礎(chǔ)知識：ECMA262標(biāo)準(zhǔn)
JS-Web-API：W3C標(biāo)準(zhǔn)

W3C標(biāo)準(zhǔn)中關(guān)于JS的規(guī)定有：

DOM操作
BOM操作
事件綁定
ajax請求(包括http協(xié)議)
存儲

DOM的本質(zhì) 
Document、Object、Model
瀏覽器把拿到的html代碼，結(jié)構(gòu)化一個瀏覽器能夠識別并且js可操作的一個模型而已
DOM的節(jié)點操作

獲取DOM節(jié)點
Attribute 和 properity

attribute：是HTML標(biāo)簽上的某個屬性，如id、class、value等以及自定義屬性，它的值只能是字符串，關(guān)于這個屬性一共有三個相關(guān)的方法，setAttribute、getAttribute、removeAttribute；

注意：在使用setAttribute的時候，該函數(shù)一定接收兩個參數(shù)，setAttribute（attributeName,value）,無論value的值是什么類型都會編譯為字符串類型。在html標(biāo)簽中添加屬性，本質(zhì)上是跟在標(biāo)簽里面寫屬性時一樣的，所以屬性值最終都會編譯為字符串類型。

property：是js獲取的DOM對象上的屬性值，比如a，你可以將它看作為一個基本的js對象。這個節(jié)點包括很多property，比如value，className以及一些方法onclik等方法。

一個js對象有很多property，該集合名字為properties，properties里面有其他property以及attributies，attributies里面有很多attribute。
而常用的attribute，id、class、name等一般都會作為property附加到j(luò)s對象上，可以和property一樣取值、賦值

DOM結(jié)構(gòu)操作

樹

獲取DOM節(jié)點，以及節(jié)點的property和Attribute

獲取父節(jié)點，獲取子節(jié)點

新增節(jié)點，刪除節(jié)點

property只是一個JS對象的屬性的修改

Attribute是對html標(biāo)簽屬性的修改

問題：

如何檢測瀏覽器的類型
拆解URL各部分

知識點

navigator
screen
location
history

//navigator
var ua = navigator.userAgent
var isChrome = ua.indexOf("chrome")
console.log(isChrome)

//screen
console.log(screen.width)
console.log(screen.height)

//location
console.log(location.href)
console.log(location.protocol)
console.log(location.pathname)
console.log(location.search)    //?之后的參數(shù)
console.log(location.hash)      //#號之后

//history
history.back()          
history.forward()

題目：

編寫一個通用的事件監(jiān)聽函數(shù)
描述時間冒泡流程
對于一個無限下拉加載圖片的頁面，如何給每個圖片綁定事件

知識點:

通用事件綁定
事件冒泡
代理

var btn = document.getElementById("btn1")
btn.addEventListener("click", function(event) {
    console.log("clicked")
})

function bindEvent(elem, type, fn) {
    elem.addEventListener(type, fn)
}

var a = document.getElementById("link1")
bindEvent(a, "click", function(e) {
    e.preventDefault(); //阻止默認(rèn)行為
    alert("clicked")
})

關(guān)于IE低版本的兼容性

IE低版本使用attachEvent綁定事件，和W3C標(biāo)準(zhǔn)不一樣

IE低版本使用量已非常少，很多網(wǎng)站早已不支持

建議對IE低版本的兼容性：了解即可，無須深究

如果遇到對IE低版本要求苛刻的面試，果斷放棄

e.stopPropatation() //取消冒泡

    a1
    a2
    a3
    a4
    



var div1 = document.getElementById("div1")
div1.addEventListener("click",function(e){
    var target = e.target
    if(target.nodeName === "A"){
        alert(target.innerHTMl)
    }
})

完整寫法

function bindEvent(elem, type, selector, fn) {
    if (fn == null) {
        fn = selector
        selector = null
    }

    elem.addEventListener(type, function(e) {
        var target
        if (selector) {
            target = e.target
            if (target.matches(selector)) {
                fn.call(target, e)
            }
        } else {
            fn(e)
        }
    })
}

//使用代理
var div1 = document.getElementById("div1")
bindEvent(div1, "click", "a", function(e) {
    console.log(this.innerHTML)
})

//不使用代理
var a = document.getElementById("a1")
bindEvent(div1, "click", function(e) {
    console.log(a.innerHTML)
})

DOM樹形結(jié)構(gòu)

事件冒泡

組織冒泡

冒泡的應(yīng)用

使用代理

知道代理的兩個優(yōu)點

題目：

手動寫一個ajax，不依賴第三方庫
跨域的幾種實現(xiàn)（原理）

知識點:

xmlHttpRequest
狀態(tài)碼說明
跨域

var xhr = new XMLHttpRequest()

xhr.open("GET","/api",false)

xhr.onreadystatechange = function(){
    //這里的函數(shù)異步執(zhí)行，可參考之前JS基礎(chǔ)中的異步模塊
    if(xhr.readyState == 4){
        if(xhr.status == 200){
            alert(xhr.responseText)
        }
    }
}

xhr.send(null)

IE兼容性問題

IE低版本使用ActiveXObject，和W3C標(biāo)準(zhǔn)不一樣

IE低版本使用量已經(jīng)非常少，很多網(wǎng)站早已不支持

建議對IE低版本的兼容性：了解即可，無需深究

如果遇到對IE低版本要求苛刻的面試，果斷放棄

.

狀態(tài)碼說明

0 - (未初始化) ????還沒調(diào)用send()方法

1 - (載入)????????????已調(diào)send() 方法，正在發(fā)送請求

2 - (載入完成) ????send()方法執(zhí)行完成，已經(jīng)接收到全部相應(yīng)內(nèi)容

3 - (交互) ???????????正在解析響應(yīng)內(nèi)容

4 - (完成)????????????響應(yīng)內(nèi)容解析完成，可以在客戶端調(diào)用了

.

status說明

2XX  - 表示成功處理請求。如200
3XX  - 需要重定向，瀏覽器直接跳轉(zhuǎn)
4XX  - 客戶端請求錯誤，如404
5XX  - 服務(wù)器端錯誤

什么是跨域

瀏覽器有同源策略，不允許ajax訪問其他域的接口

跨域條件：協(xié)議、域名、端口，有一個不同就算跨域

?

可以跨域的三個標(biāo)簽

服務(wù)器端設(shè)置http header

容量
是否會攜帶到ajax中
API易用性

ios safari隱藏模式下，localStorage.getItem會報錯，建議統(tǒng)一用try-catch封裝