成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

cookie ajax git 相關(guān)面試題

xavier / 700人閱讀

摘要：什么是如何創(chuàng)建一個(gè)異步在后臺(tái)與服務(wù)器進(jìn)行異步數(shù)據(jù)交換，不用重載整個(gè)網(wǎng)頁(yè)，實(shí)現(xiàn)局部刷新。除此之外，擁有等方法，不像需要前端開發(fā)者自己封裝，。

什么是 Ajax? 如何創(chuàng)建一個(gè)Ajax？

AJAX(Asynchronous Javascript And XML) = 異步 JavaScript + XML 在后臺(tái)與服務(wù)器進(jìn)行異步數(shù)據(jù)交換，不用重載整個(gè)網(wǎng)頁(yè)，實(shí)現(xiàn)局部刷新。
創(chuàng)建 ajax 步驟：
1.創(chuàng)建 XMLHttpRequest 對(duì)象
2.創(chuàng)建一個(gè)新的 HTTP 請(qǐng)求，并指定該 HTTP 請(qǐng)求的類型、驗(yàn)證信息
3.設(shè)置響應(yīng) HTTP 請(qǐng)求狀態(tài)變化的回調(diào)函數(shù)
4.發(fā)送 HTTP 請(qǐng)求
5.獲取異步調(diào)用返回的數(shù)據(jù)
6.使用 JavaScript 和 DOM 實(shí)現(xiàn)局部刷新
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {

if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {
    fn.call(this, xhr.responseText);
}

};
xhr.send(data);

sessionStorage、localStorage和cookie的區(qū)別

共同點(diǎn)：都是保存在瀏覽器端、且同源的
區(qū)別：
1、cookie數(shù)據(jù)始終在同源的http請(qǐng)求中攜帶（即使不需要），即cookie在瀏覽器和服務(wù)器間來(lái)回傳遞，而sessionStorage和localStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)送給服務(wù)器，僅在本地保存。cookie數(shù)據(jù)還有路徑（path）的概念，可以限制cookie只屬于某個(gè)路徑下
2、存儲(chǔ)大小限制也不同，cookie數(shù)據(jù)不能超過(guò)4K，同時(shí)因?yàn)槊看蝖ttp請(qǐng)求都會(huì)攜帶cookie、所以cookie只適合保存很小的數(shù)據(jù)，如會(huì)話標(biāo)識(shí)。sessionStorage和localStorage雖然也有存儲(chǔ)大小的限制，但比cookie大得多，可以達(dá)到5M或更大
3、數(shù)據(jù)有效期不同，sessionStorage：僅在當(dāng)前瀏覽器窗口關(guān)閉之前有效；localStorage：始終有效，窗口或?yàn)g覽器關(guān)閉也一直保存，因此用作持久數(shù)據(jù)；cookie：只在設(shè)置的cookie過(guò)期時(shí)間之前有效，即使窗口關(guān)閉或?yàn)g覽器關(guān)閉
4、作用域不同，sessionStorage不在不同的瀏覽器窗口中共享，即使是同一個(gè)頁(yè)面；localstorage在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的
5、web Storage支持事件通知機(jī)制，可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者
6、web Storage的api接口使用更方便

web Storage和Cookie的區(qū)別

Web Storage的概念和cookie相似，區(qū)別是它是為了更大容量存儲(chǔ)設(shè)計(jì)的，cookie的大小是受限的，并且每次請(qǐng)求一個(gè)新的頁(yè)面的時(shí)候cookie都會(huì)被發(fā)送過(guò)去，這樣無(wú)形中浪費(fèi)了帶寬，另外cookie還需要指定作用域，不可跨域調(diào)用。
除此之外，web storage擁有setItem,getItem,removeItem,clear等方法，不像cookie需要前端開發(fā)者自己封裝setCookie，getCookie。
但是cookie也是不可或缺的，cookie的作用是與服務(wù)器進(jìn)行交互，作為http規(guī)范的一部分而存在的，而web Storage僅僅是為了在本地“存儲(chǔ)”數(shù)據(jù)而生
sessionStorage、localStorage、cookie都是在瀏覽器端存儲(chǔ)的數(shù)據(jù)，其中sessionStorage的概念很特別，引入了一個(gè)“瀏覽器窗口”的概念，sessionStorage是在同源的同窗口中，始終存在的數(shù)據(jù)，也就是說(shuō)只要這個(gè)瀏覽器窗口沒有關(guān)閉，即使刷新頁(yè)面或進(jìn)入同源另一個(gè)頁(yè)面，數(shù)據(jù)仍然存在，關(guān)閉窗口后，sessionStorage就會(huì)被銷毀，同時(shí)“獨(dú)立”打開的不同窗口，即使是同一頁(yè)面，sessionStorage對(duì)象也是不同的
Web Storage帶來(lái)的好處：
1、減少網(wǎng)絡(luò)流量：一旦數(shù)據(jù)保存在本地之后，就可以避免再向服務(wù)器請(qǐng)求數(shù)據(jù)，因此減少不必要的數(shù)據(jù)請(qǐng)求，減少數(shù)
據(jù)在瀏覽器和服務(wù)器間不必要的來(lái)回傳遞
2、快速顯示數(shù)據(jù)：性能好，從本地讀數(shù)據(jù)比通過(guò)網(wǎng)絡(luò)從服務(wù)器上獲得數(shù)據(jù)快得多，本地?cái)?shù)據(jù)可以及時(shí)獲得，再加上網(wǎng)
頁(yè)本身也可以有緩存，因此整個(gè)頁(yè)面和數(shù)據(jù)都在本地的話，可以立即顯示
3、臨時(shí)存儲(chǔ)：很多時(shí)候數(shù)據(jù)只需要在用戶瀏覽一組頁(yè)面期間使用，關(guān)閉窗口后數(shù)據(jù)就可以丟棄了，這種情況使用sessionStorage非常方便

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/105615.html

相關(guān)文章

  • 你不知道的h5

    摘要：目前，常用的模塊規(guī)范主要有兩種和。攔截全局請(qǐng)求一直接引入腳本攔截需要的回調(diào)或函數(shù)。深刻知道一個(gè)良好的命名規(guī)范的重要性，同時(shí)在項(xiàng)目中也會(huì)遇到一些命名的瓶頸。 基于 Three.js 的超快的 3D 開發(fā)框架：Whitestorm.js Whitestorm.js 是一款基于 Three.js 超快的 Web 應(yīng)用 3D 開發(fā)框架。它為普通的 Three.js 任務(wù)提供封裝、使搭建環(huán)境、...

    IntMain 評(píng)論0 收藏0

  • 前端面試題大集合：來(lái)自真實(shí)大廠的532道面試題(只有題，沒有答案)

    答案自己谷歌或百度找。 一、來(lái)源背景 面試題是來(lái)自微博@?？途W(wǎng)發(fā)布的真實(shí)大廠前端面經(jīng)題目，我一直在收集題目長(zhǎng)期一個(gè)一個(gè)的記錄下來(lái)的，可能會(huì)有重復(fù)，但基本前端的面試大綱和需要掌握的知識(shí)都在其中了，面試題僅做學(xué)習(xí)參考，學(xué)習(xí)者閱后也要用心鉆研其中的原理，重要知識(shí)需要系統(tǒng)學(xué)習(xí)、透徹學(xué)習(xí)，形成自己的知識(shí)鏈。 二、532道前端真實(shí)大廠面試題 express和koa的對(duì)比，兩者中間件的原理，koa捕獲異常多種情...

    Kerr1Gan 評(píng)論0 收藏0

  • 前端面試題大集合：來(lái)自真實(shí)大廠的532道面試題(只有題，沒有答案)

    答案自己谷歌或百度找。 一、來(lái)源背景 面試題是來(lái)自微博@?？途W(wǎng)發(fā)布的真實(shí)大廠前端面經(jīng)題目，我一直在收集題目長(zhǎng)期一個(gè)一個(gè)的記錄下來(lái)的，可能會(huì)有重復(fù)，但基本前端的面試大綱和需要掌握的知識(shí)都在其中了，面試題僅做學(xué)習(xí)參考，學(xué)習(xí)者閱后也要用心鉆研其中的原理，重要知識(shí)需要系統(tǒng)學(xué)習(xí)、透徹學(xué)習(xí)，形成自己的知識(shí)鏈。 二、532道前端真實(shí)大廠面試題 express和koa的對(duì)比，兩者中間件的原理，koa捕獲異常多種情...

    lushan 評(píng)論0 收藏0

  • 前端面試題大集合：來(lái)自真實(shí)大廠的532道面試題(只有題，沒有答案)

    答案自己谷歌或百度找。 一、來(lái)源背景 面試題是來(lái)自微博@?？途W(wǎng)發(fā)布的真實(shí)大廠前端面經(jīng)題目，我一直在收集題目長(zhǎng)期一個(gè)一個(gè)的記錄下來(lái)的，可能會(huì)有重復(fù)，但基本前端的面試大綱和需要掌握的知識(shí)都在其中了，面試題僅做學(xué)習(xí)參考，學(xué)習(xí)者閱后也要用心鉆研其中的原理，重要知識(shí)需要系統(tǒng)學(xué)習(xí)、透徹學(xué)習(xí)，形成自己的知識(shí)鏈。 二、532道前端真實(shí)大廠面試題 express和koa的對(duì)比，兩者中間件的原理，koa捕獲異常多種情...

    joyvw 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

xavier

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<