cookie、sessions凌盯、localstorage付枫、sessionstorage、Cache-Control

cookie?

1. 服務(wù)器通過 Set-Cookie 響應(yīng)頭設(shè)置 Cookie

response.setHeader('set-cookie','key:value')


2.瀏覽器(前端)得到的響應(yīng)頭里的 cookie,之后每次請求都會帶著cookie

cookie:id驰怎;


3.?服務(wù)器通過讀取 Cookie 就知道登錄用戶的信息

request.header.cookie? //? 然后對比數(shù)據(jù)庫驗證用戶信息

由于直接使用cookie, 會很容易的被用戶偽造cookie,所以引出sessison來解決這個問題

cookie = new Cookie("cookiename","cookievalue");

//設(shè)置Cookie最大生存時間,以秒為單位,負(fù)數(shù)的話為瀏覽器進程,關(guān)閉瀏覽器Cookie消失?

cookie.setMaxAge(3600);

//設(shè)置cookie過期時間為1個小時

cookie.setPath("/");

//設(shè)置路徑励背,這個路徑即該工程下都可以訪問該cookie 如果不設(shè)置路徑,那么只有設(shè)置該cookie路徑及其子路徑可以訪問?

response.addCookie(cookie);

// 將Cookie添加到Response中,使之生效

setCookie(name, "", -1);//刪除一個cookie, 讓 setCookie函數(shù)的第二個參數(shù)為空就會刪除這個name coikie


sessions

1. 在服務(wù)器創(chuàng)建一個對象?

sessions = []

sessionsID? = Math.random*100000? ? //使用一個隨機數(shù)當(dāng)用戶的sessionsID

sessions[sessionsID] = 用戶信息? ?//把這個ID放入后臺臨時數(shù)據(jù)庫(sessions對象)中

response.setHeader('set-cookie',?sessionsID )


2.瀏覽器(前端)得到的響應(yīng)頭里的 cookie,之后每次請求都會帶著cookie

cookie: sessionsID砸西;


3.?服務(wù)器通過讀取 Cookie 就知道登錄用戶的信息

request.header.cookie? //? 然后對比數(shù)據(jù)庫驗證用戶信息


與直接使用cookie相比叶眉,用sessions隨機數(shù)生成ID暴露給前端隨機數(shù),顯得更加安全

localstorage

一個?Storage?可被用于訪問當(dāng)前遠(yuǎn)端( origin )的本地存儲空間的對象.

LocalStorage 跟 HTTP 無關(guān)芹枷,localstorage永久有效衅疙,除非用戶清理緩存,每個域名 localStorage 最大存儲量為 5Mb 左右鸳慈,

只有相同域名的頁面才能互相讀取 LocalStorage

具體的集中使用方法

localStorage.setItem('myCat', 'Tom'); //設(shè)置饱溢,為本地storage對象添加一個key,value.

var cat = localStorage.getItem("myCat");//讀取localstorage對象的“ myCat ”的?value

localStorage.removeItem("myCat");//移除一個key及value


sessionstorage

localstorage相同,唯一不同點是SessionStorage 在用戶關(guān)閉頁面(會話結(jié)束)后就失效走芋。


Cache-Control

通過設(shè)置Cache-Control時間绩郎,讓相同的url時瀏覽器會在這個時間內(nèi),阻斷請求翁逞,利用緩存加載肋杖,達(dá)到性能優(yōu)化目的。

//后端設(shè)置響應(yīng)頭

response.setHeader('Cache-Control','maxage-600')? ?// 相同的url 600S內(nèi)不請求


Expires

?與Cache-Control功能一樣挖函,不同點是Cache-Control是設(shè)置多長時間后過期状植。Expires是直接設(shè)置一個過期的日期,格式為GMT


MD5

Message Digest Algorithm MD5(中文名為消息摘要算法第五版)為計算機安全領(lǐng)域廣泛使用的一種散列函數(shù).


ETag

//后端設(shè)置響應(yīng)頭

response.setHeader('ETag',md5)?

//客戶端收到響應(yīng)頭

//會有ETag:? '當(dāng)前文件MD5'

//同一個文件客戶端下一次請求時會帶上

IF-None-Math:"當(dāng)前文件MD5"

//后端收到請求會進行對比MD5怨喘,如果相同代表不需要更新津畸。


Cache-Control, Expires 必怜,ETag的區(qū)別

Cache-Control肉拓,?Expires是通過設(shè)置時間讓瀏覽器阻斷請求,ETag是沒有阻斷請求梳庆,是后端驗證MD5是否改變來做出相應(yīng)的響應(yīng)暖途。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末卑惜,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子丧肴,更是在濱河造成了極大的恐慌残揉,老刑警劉巖胧后,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件芋浮,死亡現(xiàn)場離奇詭異,居然都是意外死亡壳快,警方通過查閱死者的電腦和手機纸巷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來眶痰,“玉大人瘤旨,你說我怎么就攤上這事∈” “怎么了存哲?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長七婴。 經(jīng)常有香客問我祟偷,道長,這世上最難降的妖魔是什么打厘? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任修肠,我火速辦了婚禮,結(jié)果婚禮上户盯,老公的妹妹穿的比我還像新娘嵌施。我一直安慰自己,他們只是感情好莽鸭,可當(dāng)我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布吗伤。 她就那樣靜靜地躺著,像睡著了一般硫眨。 火紅的嫁衣襯著肌膚如雪牲芋。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天捺球,我揣著相機與錄音缸浦,去河邊找鬼。 笑死氮兵,一個胖子當(dāng)著我的面吹牛裂逐,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播泣栈,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼卜高,長吁一口氣:“原來是場噩夢啊……” “哼弥姻!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起掺涛,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤庭敦,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后薪缆,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體秧廉,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年拣帽,在試婚紗的時候發(fā)現(xiàn)自己被綠了疼电。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡减拭,死狀恐怖蔽豺,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情拧粪,我是刑警寧澤修陡,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站可霎,受9級特大地震影響魄鸦,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜啥纸,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一号杏、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧斯棒,春花似錦盾致、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至穗酥,卻和暖如春护赊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背砾跃。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工骏啰, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人抽高。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓判耕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親翘骂。 傳聞我的和親對象是個殘疾皇子壁熄,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,779評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 本文主要學(xué)習(xí)一下一些高級的HTTP知識帚豪,例如Session LocalStorage Cache-Control ...
    吳少在coding閱讀 1,296評論 0 3
  • 一、概念(載錄于:http://www.cnblogs.com/EricaMIN1987_IT/p/3837436...
    yuantao123434閱讀 8,353評論 6 152
  • 本文整理自MIN飛翔博客 [1] 1. 概念 協(xié)議是指計算機通信網(wǎng)絡(luò)中兩臺計算機之間進行通信所必須共同遵守的規(guī)定或...
    HoyaWhite閱讀 2,671評論 2 20
  • 素如果能美過妝那說明本質(zhì)美草丧!內(nèi)在外在過多的技巧元素可以修飾美狸臣,但不是本質(zhì)美!優(yōu)雅的美也離不開素昌执! 生活...
    研究說明書閱讀 215評論 0 0
  • 有許多話烛亦,想說,不想說仙蚜,最終把它打成文字此洲,記錄下來厂汗,作為憑據(jù)委粉,可以和時光對峙 想起來最喜歡的鋼琴曲,久石讓娶桦,翻譯成...
    李雲(yún)笙閱讀 328評論 0 4