摘要:是比較老的前端緩存技術了,它的特點是想要使用它前端必須要有服務靜態網頁是不行的,而且存儲大小限制在。
1.Cookie
cookie是比較老的前端緩存技術了,它的特點是想要使用它前端必須要有服務(靜態網頁是不行的),而且存儲大小限制在4kb。那么為什么必須要有服務才能使用cookie呢?因為只要有請求涉及cookie,cookie就要在服務器和瀏覽器之間來回傳送,而且由于瀏覽器的跨域限制,客戶端和服務端必須要保證同源的原則(也就是跨域問題,詳情見我的其他文章),由于cookie是存放在前端的,所以安全問題一直是個大問題,因此一般重要的信息不建議放在cookie中存放。
2.Session
對于服務端的程序眼來說session大家肯定很熟悉了,session是一種服務端的機制,也就是能把信息存放在服務端,所以安全可以保障,它的原理是通過session id來識別客戶端,這個session id是存放在cookie中的(當然session id讓用戶看見沒無妨),服務端會通過session id來識別客戶端進行匹配和判斷。它和cookie對比起來差距就很明顯了,一個是把數據存在客戶端;一個存在服務端,從安全性考慮的話一般像用戶名密碼這種私密信息一般放在session中。
3.localStorage
它的特點就是“持久”,一旦通過保存,不通過手動清除的話,就會一直保存在前端,它的保存格式是鍵值對的方式也就是“key-value”的方式保存的,它的存儲空間大小限制在500萬字符左右,一下是它的一些使用方法:
localStorage.length 獲得storage中的個數 localStorage.key(n) 獲得storage中第n個元素對的鍵值(第一個元素是0) localStorage.getItem(key) 獲取鍵值key對應的值 localStorage.key 獲取鍵值key對應的值 localStorage.setItem(key, value) 添加數據,鍵值為key,值為value localStorage.removeItem(key) 移除鍵值為key的數據 localStorage.clear() 清除所有數據
4.sessionStorage
這個和localStorage有什么區別呢?sessionStorage是一種會話級別的本地存儲,一旦關閉瀏覽器他就會消失,而前者是很“持久”的,即使你關閉一萬次瀏覽器也沒事,所以差距還是很大的。后兩者是H5才有的特性,因為現在都是前后端分離的開發模式,前端工程師都很青睞這兩種前端緩存方式,以下是sessionStorage的記本用法:
sessionStorage.length 獲得storage中的個數 sessionStorage.key(n) 獲得storage中第n個元素對的鍵值(第一個元素是0) sessionStorage.getItem(key) 獲取鍵值key對應的值 sessionStorage.key 獲取鍵值key對應的值 sessionStorage.setItem(key, value) 添加數據,鍵值為key,值為value sessionStorage.removeItem(key) 移除鍵值為key的數據 sessionStorage.clear() 清除所有數據
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/52128.html
摘要:是比較老的前端緩存技術了,它的特點是想要使用它前端必須要有服務靜態網頁是不行的,而且存儲大小限制在。 1.Cookie cookie是比較老的前端緩存技術了,它的特點是想要使用它前端必須要有服務(靜態網頁是不行的),而且存儲大小限制在4kb。那么為什么必須要有服務才能使用cookie呢?因為只要有請求涉及cookie,cookie就要在服務器和瀏覽器之間來回傳送,而且由于瀏覽器的跨域限...
摘要:是比較老的前端緩存技術了,它的特點是想要使用它前端必須要有服務靜態網頁是不行的,而且存儲大小限制在。 1.Cookie cookie是比較老的前端緩存技術了,它的特點是想要使用它前端必須要有服務(靜態網頁是不行的),而且存儲大小限制在4kb。那么為什么必須要有服務才能使用cookie呢?因為只要有請求涉及cookie,cookie就要在服務器和瀏覽器之間來回傳送,而且由于瀏覽器的跨域限...
摘要:雖然今年沒有換工作的打算但為了跟上時代的腳步還是忍不住整理了一份最新前端知識點知識點匯總新特性,語義化瀏覽器的標準模式和怪異模式和的區別使用的好處標簽廢棄的標簽,和一些定位寫法放置位置和原因什么是漸進式渲染模板語言原理盒模型,新特性,偽 雖然今年沒有換工作的打算 但為了跟上時代的腳步 還是忍不住整理了一份最新前端知識點 知識點匯總1.HTMLHTML5新特性,語義化瀏覽器的標準模式和怪...
摘要:雖然今年沒有換工作的打算但為了跟上時代的腳步還是忍不住整理了一份最新前端知識點知識點匯總新特性,語義化瀏覽器的標準模式和怪異模式和的區別使用的好處標簽廢棄的標簽,和一些定位寫法放置位置和原因什么是漸進式渲染模板語言原理盒模型,新特性,偽 雖然今年沒有換工作的打算 但為了跟上時代的腳步 還是忍不住整理了一份最新前端知識點 知識點匯總1.HTMLHTML5新特性,語義化瀏覽器的標準模式和怪...
閱讀 1906·2021-11-22 14:44
閱讀 1672·2021-11-02 14:46
閱讀 3657·2021-10-13 09:40
閱讀 2600·2021-09-07 09:58
閱讀 1586·2021-09-03 10:28
閱讀 1658·2019-08-29 15:30
閱讀 976·2019-08-29 15:28
閱讀 1469·2019-08-26 12:20