JS常用知識(shí)點(diǎn)整理
1.CORS
CORS(Corss-Origin Resource Sharing,跨資源共享),基本思想是使用自定義的HTTP頭部讓瀏覽器與服務(wù)器進(jìn)行溝通,從而決定請(qǐng)求或響應(yīng)的成功或失敗。即給請(qǐng)求附加一個(gè)額外的Origin頭部,其中包含請(qǐng)求頁(yè)面的源信息(協(xié)議、域名和端口),以便服務(wù)器根據(jù)這個(gè)頭部決定是否給予響應(yīng)。
2.document.domain
將頁(yè)面的document.domain設(shè)置為相同的值,頁(yè)面間可以互相訪問(wèn)對(duì)方的JavaScript對(duì)象。
注意:
不能將值設(shè)置為URL中不包含的域;
松散的域名不能再設(shè)置為緊繃的域名。
3.圖像Ping
var img=new Image(); img.onload=img.onerror=function(){ ... ... } img.src="url?name=value";
請(qǐng)求數(shù)據(jù)通過(guò)查詢字符串的形式發(fā)送,響應(yīng)可以是任意內(nèi)容,通常是像素圖或204響應(yīng)。
圖像Ping最常用于跟蹤用戶點(diǎn)擊頁(yè)面或動(dòng)態(tài)廣告曝光次數(shù)。
缺點(diǎn):
只能發(fā)送GET請(qǐng)求;
無(wú)法訪問(wèn)服務(wù)器的響應(yīng)文本,只能用于瀏覽器與服務(wù)器間的單向通信。
4.Jsonp
var script=document.createElement("script"); script.src="url?callback=handleResponse"; document.body.insertBefore(script,document.body.firstChild);
JSONP由兩部分組成:回調(diào)函數(shù)和數(shù)據(jù)
回調(diào)函數(shù)是接收到響應(yīng)時(shí)應(yīng)該在頁(yè)面中調(diào)用的函數(shù),其名字一般在請(qǐng)求中指定。
數(shù)據(jù)是傳入回調(diào)函數(shù)中的JSON數(shù)據(jù)。
優(yōu)點(diǎn):
能夠直接訪問(wèn)響應(yīng)文本,可用于瀏覽器與服務(wù)器間的雙向通信。
缺點(diǎn):
JSONP從其他域中加載代碼執(zhí)行,其他域可能不安全;
難以確定JSONP請(qǐng)求是否失敗。
5.Comet
Comet可實(shí)現(xiàn)服務(wù)器向?yàn)g覽器推送數(shù)據(jù)。
Comet是實(shí)現(xiàn)方式:長(zhǎng)輪詢和流
短輪詢即瀏覽器定時(shí)向服務(wù)器發(fā)送請(qǐng)求,看有沒(méi)有數(shù)據(jù)更新。
長(zhǎng)輪詢即瀏覽器向服務(wù)器發(fā)送一個(gè)請(qǐng)求,然后服務(wù)器一直保持連接打開,直到有數(shù)據(jù)可發(fā)送。發(fā)送完數(shù)據(jù)后,瀏覽器關(guān)閉連接,隨即又向服務(wù)器發(fā)起一個(gè)新請(qǐng)求。其優(yōu)點(diǎn)是所有瀏覽器都支持,使用XHR對(duì)象和setTimeout()即可實(shí)現(xiàn)。
流即瀏覽器向服務(wù)器發(fā)送一個(gè)請(qǐng)求,而服務(wù)器保持連接打開,然后周期性地向?yàn)g覽器發(fā)送數(shù)據(jù),頁(yè)面的整個(gè)生命周期內(nèi)只使用一個(gè)HTTP連接。
6.WebSocket
WebSocket可在一個(gè)單獨(dú)的持久連接上提供全雙工、雙向通信。
WebSocket使用自定義協(xié)議,未加密的連接時(shí)ws://;加密的鏈接是wss://。
var webSocket=new WebSocket("ws://"); webSocket.send(message); webSocket.onmessage=function(event){ var data=event.data; ... .... }
注意:
必須給WebSocket構(gòu)造函數(shù)傳入絕對(duì)URL;
WebSocket可以打開任何站點(diǎn)的連接,是否會(huì)與某個(gè)域中的頁(yè)面通信,完全取決于服務(wù)器;
WebSocket只能發(fā)送純文本數(shù)據(jù),對(duì)于復(fù)雜的數(shù)據(jù)結(jié)構(gòu),在發(fā)送之前必須進(jìn)行序列化JSON.stringify(message))。
優(yōu)點(diǎn):
在客戶端和服務(wù)器之間發(fā)送非常少的數(shù)據(jù),減少字節(jié)開銷。
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
070823更新的一個(gè)[消息提示框]組件 兼容ie7
070823更新的一個(gè)[消息提示框]組件 兼容ie7...2007-08-08BootStrap 模態(tài)框?qū)崿F(xiàn)刷新網(wǎng)頁(yè)并關(guān)閉功能
這篇文章主要介紹了BootStrap 模態(tài)框?qū)崿F(xiàn)刷新網(wǎng)頁(yè)并關(guān)閉的功能,實(shí)現(xiàn)方法簡(jiǎn)單易懂,需要的朋友可以參考下2017-01-01JS中‘hello’與new String(‘hello’)引出的問(wèn)題詳解
這篇文章主要給大家介紹了關(guān)于JS中'hello'與new String('hello')引出的問(wèn)題的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-08-08layui表單提交到后臺(tái)自動(dòng)封裝到實(shí)體類的方法
今天小編就為大家分享一篇layui表單提交到后臺(tái)自動(dòng)封裝到實(shí)體類的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09JavaScript實(shí)現(xiàn)加密與解密詳解
這篇文章介紹了JavaScript實(shí)現(xiàn)加密與解密詳解的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06JS模擬簡(jiǎn)易滾動(dòng)條效果代碼(附demo源碼)
這篇文章主要介紹了JS模擬簡(jiǎn)易滾動(dòng)條效果代碼,可模擬出滾動(dòng)條拖動(dòng)顯示的效果,涉及JavaScript鼠標(biāo)事件的響應(yīng)及頁(yè)面元素運(yùn)算的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04