前端面試題（三）

方案3：

$(document).ready()是jquery中是入口函式。它能適應與所有瀏覽器；

window.onload是頁面中的所有元素載入完成後才執行；

$(document).ready()是將頁面中的dom文件結構繪製完成就執行。

（1）建立新節點

createdocumentfragment()    //建立乙個dom片段

createelement()   //建立乙個具體的元素

createtextnode()   //建立乙個文字節點

（2）新增、移除、替換、插入

removechild()

replacechild()

insertbefore()

（3）查詢

getelementsbytagname()    //通過標籤名稱

getelementsbyname()    //通過元素的name屬性的值

getelementbyid()    //通過元素id，唯一性

css sprites  ：  精靈圖/雪碧圖

能夠優化頁面效能，減少的位元組和http請求。

let 類似於 var， let無法重複定義，塊級作用域外無法讀取塊級作用域內的let宣告的變數，let沒有變數提公升，無法在宣告之前使用變數；

const是常量宣告，一旦宣告就不能更改，宣告的變數是陣列或者物件的時候，宣告的只是乙個引用位址並不是乙個值，所以陣列和物件中的值是可以改變的。

在函式中在巢狀乙個函式，裡面的函式能夠訪問外面函式中的變數，外部的變數是內部函式的一部分；

用外層函式包裹要保護的變數和內層函式，外層函式將內層函式返回到外部，呼叫外層函式，可以獲得內層函式的物件，儲存在外部變數中。

閉包能夠有效的防治變數被汙染；

由於瀏覽器的同源策略，凡是傳送請求 url 的協議，網域名稱，埠三者之間任意乙個與當前頁面位址不同即為跨域；

跨域請求資源方法：

proxy**，jsonp ， cors

ajax工作原理是

相當於在使用者和伺服器之間加了—個中間層(ajax引擎),使使用者操作與伺服器響應非同步化。

對於使用者請求ajax引擎會做一些資料驗證和資料處理，不是所有請求都提交給伺服器，當需要從伺服器讀取新資料時由ajax引擎代為向伺服器提交請求。ajax最大優點就是不重新整理整個頁面的前提下與伺服器通訊維護資料。

過程的話

第一步：建立乙個ajax引擎物件，ie6的是new activexobject其他瀏覽器是new乙個xmlhttprequest物件

第二步 呼叫open方法啟動乙個請求以備傳送，open方法傳入三個引數 請求型別，請求url和乙個布林值

第三步 呼叫send方法傳送

第四部 處理**函式onreadystatechange，當readstate = 4 響應資料完成時 並且2status=200請求成功的時候處理響應資料

注意：**函式要寫在open（）和send（）之前

jsonp原理

動態建立乙個script標籤，利用script標籤src屬性訪問沒有限制，實現跨域。

web客戶端通過與呼叫指令碼一樣的方式來呼叫跨域伺服器上動態生成的js格式檔案(字尾.json)，伺服器之所以要動態生成json檔案目的把客戶端需要的資料裝入進去。

允許使用者傳遞乙個callback引數給服務端，然後服務端返回資料時會將這個callback引數作為函式名來包裹住json資料 這樣客戶端就可以隨意定製自己的函式來自動處理返回資料

ajax 和 jsonp的區別

1.ajax和jsonp的呼叫方式很像，目的一樣，都是請求url，然後把伺服器返回的資料進行處理，因此jquery和ext等框架都把jsonp作為ajax的一種形式進行了封裝；

2.實質不同

ajax的核心是通過xmlhttprequest獲取非本頁內容

jsonp的核心是動態新增script標籤呼叫伺服器提供的js指令碼（字尾.json)

3.區別聯絡

不在於是否跨域

ajax通過服務端**一樣跨域

jsonp也不並不排斥同域的資料的獲取

4.jsonp是一種方式或者說非強制性的協議

ajax也不一定非要用json格式來傳遞資料　

5.jsonp只支援get請求，ajax支援get和post請求

post ： 資料在請求體中；

在不同的網頁需要接受同乙個賬號名的時候用get；

在登入和註冊提交的時候用post；

總之獲取資料用 get，提交資料用post。

/*call()方法*/

function.call(thisobj[, arg1[, arg2[, [,...argn]]]]);