摘要:如包含這個域名下面的所有子域,例子中是對應(yīng)的子域路徑指定域名中特定的路徑才能訪問失效時間指定停止向服務(wù)器發(fā)送的時間,如果沒有設(shè)置或者設(shè)置的是以前的時間,瀏覽器就在結(jié)束會話的時候刪除掉所有的值安全標(biāo)志只有使用協(xié)議才可以發(fā)送原生實現(xiàn)的增刪改查
Cookie
性質(zhì)
響應(yīng)時:服務(wù)器會設(shè)置set-Cookie字段返回給客戶端
請求時:瀏覽器會將值保存在請求域名對應(yīng)的cookie當(dāng)中進行發(fā)送
限制
域名設(shè)置一個cookie以后,每次向這個域名發(fā)送請求時都會包含這個cookie
在同一域名下,本地存儲的cookie數(shù)量是有限的
構(gòu)成
舉例:Set-Cookie:name=value;expires=Mon,22-Jan-07 07:10:24 GMT;domain=.baidu.com; path=/; secure
名稱(name):用來表示一個唯一確定的Cookie,進行url編碼
值(value):存儲在Cookie中的字符串值,進行url編碼
ps:url編碼有三種方法
(1)escape/uescape:進行unicode字符編碼與解碼 (2)encodeURI/decodeURI:對特殊字符不進行編碼 (3)encodeURIComponent/decodeURIComponent:對特殊字符也會進行編碼
域(domain):表示哪個域名設(shè)置的Cookie,所有向這個域名發(fā)送的請求都會包含這個Cookie,可以是一個域名也可以是一個子域。如:baidu.com(包含這個域名下面的所有子域:www.baidu.com、im.baidu.com),例子中是對應(yīng)的子域
路徑(path):指定域名中特定的路徑才能訪問cookie
失效時間(expires):指定停止向服務(wù)器發(fā)送cookie的時間,如果沒有設(shè)置或者設(shè)置的是以前的時間,瀏覽器就在結(jié)束會話的時候刪除掉所有的cookie值
安全標(biāo)志(secure):只有使用https協(xié)議才可以發(fā)送cookie
原生實現(xiàn)cookie的增刪改查
const CookieUtil = { get:function(name){ const cookie = document.cookie; const cookieName = encodeURIComponent(name) + "="; const cookieStart = cookie.indexOf(cookieName); let cookieValue = null; if(start > -1){ let cookieEnd = cookie.indexOf(";", cookieStart); if(cookieEnd === -1){ cookieEnd = cookie.length; } cookieValue = cookie.substring(cookieStart+cookieName.length, cookieEnd); } return cookieValue; }, set:function(name, value, expires, domain, path, secure){ let cookieText = encodeURIComponent(name) + "=" + encodeURIComponent(value); if(expires){ cookieText += "; expires=" + expires.toUTCString(); } if(domain){ cookieText += "; domian=" + domain; } if(path){ cookieText += "; path=" + path; } if(secure){ cookieText += "; secure"; } document.cookie = cookieText; console.log(document.cookie); }, delete:function(name, domian, path, secure){ this.set(name, "", new Date(0), domian, path, secure); } }
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/93078.html
摘要:所謂的無連接就是服務(wù)器收到了客戶端的請求之后,響應(yīng)完成并收到客戶端的應(yīng)答之后,即斷開連接。從而節(jié)省傳輸時間。協(xié)議對事務(wù)的處理沒有記憶能力。這種方式某種方面上講解放了服務(wù)器,但是卻不利于客戶端與服務(wù)器的連接。 session與cookie是什么? session與cookie屬于一種會話控制技術(shù).常用在身份識別,登錄驗證,數(shù)據(jù)傳輸?shù)?舉個例子,就像我們?nèi)コ匈I東西結(jié)賬的時候,我們要拿出我...
摘要:優(yōu)異的性能表現(xiàn),有一部分原因要歸功于瀏覽器存儲技術(shù)的提升。是服務(wù)端生成,客戶端進行維護和存儲。當(dāng)超過時,它將面臨被裁切的命運。此外很多瀏覽器對一個站點的個數(shù)也是有限制的。存入讀取數(shù)據(jù)保存的數(shù)據(jù),以鍵值對的形式存在。 前言 隨著移動網(wǎng)絡(luò)的發(fā)展與演化,我們手機上現(xiàn)在除了有原生 App,還能跑WebApp——它即開即用,用完即走。一個優(yōu)秀的 WebApp 甚至可以擁有和原生 App 媲美的功...
摘要:會話技術(shù)是幫助服務(wù)器記住客戶端狀態(tài)區(qū)分客戶端會話技術(shù)從打開一個瀏覽器訪問某個站點,到關(guān)閉這個瀏覽器的整個過程,成為一次會話。會話技術(shù)就是記錄這次會話中客戶端的狀態(tài)與數(shù)據(jù)的。 一、會話技術(shù)簡介1.存儲客戶端的狀態(tài)由一個問題引出今天的內(nèi)容,例如網(wǎng)站的購物系統(tǒng),用戶將購買的商品信息存儲到哪 里?因為Http協(xié)議是無狀態(tài)的,也就是說每個客戶訪問服務(wù)器端資源時,服務(wù)器并 不知道該客戶...
摘要:下面來看看常用的本地存儲。缺點不支持,低版本不支持,并且不支持查詢語言,簡稱為,是在瀏覽器中保存結(jié)構(gòu)化數(shù)據(jù)的一種數(shù)據(jù)庫。它類似數(shù)據(jù)庫的結(jié)構(gòu)化數(shù)據(jù)存儲機制,代替了廢棄已久的,它能夠在客戶端存儲大量的結(jié)構(gòu)化數(shù)據(jù),并且使用索引高效檢索的。 一、引言 隨著瀏覽器的處理能力不斷增強,越來越多的網(wǎng)站開始考慮將數(shù)據(jù)存儲在「客戶端」,那就不得不談?wù)劚镜卮鎯α恕1镜卮鎯Φ暮锰庯@而易見,一是避免取回數(shù)據(jù)前...
摘要:正文開始三種本地存儲方式前言網(wǎng)絡(luò)早期最大的問題之一是如何管理狀態(tài)。這個特點很重要,因為這關(guān)系到什么樣的數(shù)據(jù)適合存儲在中。特點生命周期持久化的本地存儲,除非主動刪除數(shù)據(jù),否則數(shù)據(jù)是永遠(yuǎn)不會過期的。 最近一直在搞基礎(chǔ)的東西,弄了一個持續(xù)更新的github筆記,可以去看看,誠意之作(本來就是寫給自己看的……)鏈接地址:Front-End-Basics 此篇文章的地址:三種本地存儲方式 ...
閱讀 3820·2021-10-12 10:12
閱讀 1453·2021-10-11 10:58
閱讀 2290·2021-10-09 10:01
閱讀 2597·2021-09-24 09:48
閱讀 2699·2021-09-09 11:38
閱讀 3526·2019-08-30 15:44
閱讀 1724·2019-08-30 14:22
閱讀 518·2019-08-29 12:42