22,ajax是什么? ajax的交互模型? 同步和異步的區別? 如何解決跨域問題?
Ajax是多種技術組合起來的一種瀏覽器和服務器交互技術,基本思想是允許一個互聯網瀏覽器向一個遠程頁面/服務做異步的http調用,并且用收到的數據來更新一個當前web頁面而不必刷新整個頁面。該技術能夠改進客戶端的體驗。包含的技術:
XHTML:對應W3C的XHTML規范,目前是XHTML1.0。
CSS:對應W3C的CSS規范,目前是CSS2.0
DOM:這里的DOM主要是指HTML DOM,XML DOM包括在下面的XML中
JavaScript:對應于ECMA的ECMAScript規范
XML:對應W3C的XML DOM、XSLT、XPath等等規范
XMLHttpRequest:對應WhatWG的Web Applications1.0規范(http://whatwg.org/specs/web-apps/current-work/)
AJAX交互模型
同步:腳本會停留并等待服務器發送回復然后再繼續
異步:腳本允許頁面繼續其進程并處理可能的回復
跨域問題簡單的理解就是因為JS同源策略的限制,a.com域名下的JS無法操作b.com或c.a.com下的對象,具體場景如下:
PS:(1)如果是端口或者協議造成的跨域問題前端是無能為力的
(2) 在跨域問題上,域僅僅通過URL的首部來識別而不會嘗試判斷相同的IP地址對應的域或者兩個域是否對應一個IP
前端對于跨域的解決辦法:
(1) document.domain+iframe
(2) 動態創建script標簽
23,什么是閉包?下面這個ul,如何點擊每一列的時候alert其index?
這是第一條
這是第二條
這是第三條
內部函數被定義它的函數的外部區域調用的時候就產生了閉包。
(function A() {
var index = 0;
var ul = document.getElementById("test");
var obj = {};
for (var i = 0, l = ul.childNodes.length; i < l; i++) {
if (ul.childNodes[i].nodeName.toLowerCase() == "li") {
var li = ul.childNodes[i];
li.onclick = function() {
index++;
alert(index);
}
}
}
})();
24,請給出異步加載js方案,不少于兩種
默認情況javascript是同步加載的,也就是javascript的加載時阻塞的,后面的元素要等待javascript加載完畢后才能進行再加載,對于一些意義不是很大的javascript,如果放在頁頭會導致加載很慢的話,是會嚴重影響用戶體驗的。
異步加載方式:
(1) defer,只支持IE
(2) async:
(3) 創建script,插入到DOM中,加載完畢后callBack,見代碼:
function loadScript(url, callback){
var script = document.createElement("script")
script.type = "text/javascript";
if (script.readyState){ //IE
script.onreadystatechange = function(){
if (script.readyState == "loaded" ||
script.readyState == "complete"){
script.onreadystatechange = null;
callback();
}
};
} else { //Others: Firefox, Safari, Chrome, and Opera
script.onload = function(){
callback();
};
}
script.src = url;
document.body.appendChild(script);
}
2020年河北新聞網兩學一做
時間:2023-09-18 07:0:242020年河北新聞網兩學一做
時間:2023-09-15 11:0:59兩學一做學習教育知
時間:2023-09-21 06:0:302020年開展兩學一做學習教
時間:2023-09-19 21:0:30