摘要:本地存儲的封裝,提供簡單的,沒有對做兼容處理,因為俺主要用于,,移動端等先進瀏覽器里面跑。安裝下載地址設(shè)置的值,生存時間半個小時獲取的值,顯示刪除清空獲取所有批量設(shè)置的值過期時間路徑域以及安全。如果想讓本地也加密,得自己加密數(shù)據(jù)。
本地存儲cookie的封裝,提供簡單的AIP,沒有對IE做兼容處理,因為俺主要用于chrome,Safari,F(xiàn)irefox、移動端等先進瀏覽器里面跑。如果您有需求,可以自行解決,共享出來。目前俺用不上,所以不想兼容IE。。。
安裝 bower$ bower install icookie $ bower info icookie # Run bower info icookie to list the available versions.npm
$ npm install cookiejs
Github下載地址
cookie APIscookie("test","tank",1800) //設(shè)置 cookie 的值,生存時間半個小時 cookie("test") //獲取 cookie 的值,顯示tank cookie("test",null) //刪除cookie test cookie() //清空cookie cookie.set("test","tank",1800) //====cookie("test","tank",1800) cookie.get("test") //====cookie("test") cookie.remove("test") //====cookie("test",null) cookie.clear() //====cookie() cookie.all() //獲取所有 cookie批量設(shè)置cookie的值
cookie.set({ name1: "value1", name2: "value2" });expires過期時間、 path路徑、 domain域、以及 secure安全。
cookie("test","123",{ "expires": 7, "path": "/", "domain":"" }); cookie({"test":"123"},{ "expires": 7, "path": "/", "domain":"" });
key | value | default value |
---|---|---|
expires | 過期時間(天)。指定cookie的生命期。具體是值是過期日期。如果想讓cookie的存在期限超過當前瀏覽器會話時間,就必須使用這個屬性。當過了到期日期時,瀏覽器就可以刪除cookie文件,沒有任何影響。 | 瀏覽器關(guān)閉過期 |
domain | 域。指定關(guān)聯(lián)的WEB服務(wù)器或域。值是域名,比如pc175.com。這是對path路徑屬性的一個延伸。如果我們想讓 catalog.pc175.com 能夠訪問shoppingcart.pc175.com設(shè)置的cookies,該怎么辦? 我們可以把domain屬性設(shè)置成“pc175.com”,并把path屬性設(shè)置成“/”。tag:不能把cookies域?qū)傩栽O(shè)置成與設(shè)置它的服務(wù)器的所在域不同的值。 | 默認本域 |
path | 路徑。指定與cookie關(guān)聯(lián)的WEB頁。值可以是一個目錄,或者是一個路徑。如果http://www.pc175.com/devhead/index.html 建立了一個cookie,那么在http://www.pc175.com/devhead/目錄里的所有頁面,以及該目錄下面任何子目錄里的頁面都可以訪問這個cookie。這就是說,在http://www.pc175.com/devhead/stories/articles 里的任何頁面都可以訪問http://www.pc175.com/devhead/index.html建立的cookie。但是,如果http://www.pc175.com/zdnn/ 需要訪問http://www.pc175.com/devhead/index.html設(shè)置的cookes,該怎么辦?這時,我們要把cookies 的path屬性設(shè)置成“/”。在指定路徑的時候,凡是來自同一服務(wù)器,URL里有相同路徑的所有WEB頁面都可以共享cookies。現(xiàn)在看另一個例子:如果想讓 http://www.pc175.com/devhead/filters/ 和http://www.pc175.com/devhead/stories/共享cookies,就要把path設(shè)成“/devhead”。 | 默認 / |
secure | 安全。指定cookie的值通過網(wǎng)絡(luò)如何在用戶和WEB服務(wù)器之間傳遞。這個屬性的值或者是“secure”,或者為空。缺省情況下,該屬性為空,也就是使用不安全的HTTP連接傳遞數(shù)據(jù)。如果一個 cookie 標記為secure,那么,它與WEB服務(wù)器之間就通過HTTPS或者其它安全協(xié)議傳遞數(shù)據(jù)。不過,設(shè)置了secure屬性不代表其他人不能看到你機器本地保存的cookie。換句話說,把cookie設(shè)置為secure,只保證cookie與WEB服務(wù)器之間的數(shù)據(jù)傳輸過程加密,而保存在本地的cookie文件并不加密。如果想讓本地cookie也加密,得自己加密數(shù)據(jù)。 | false |
設(shè)置 cookie 的值,設(shè)置時間
cookie.set(name,value,options)
效果相同cookie(name,value,options)
cookie("test","tank",30) //設(shè)置cookie,并設(shè)置過期時間30天 cookie("test","123",{ //設(shè)置cookie,并設(shè)置過期時間7天,路徑、域 "expires": 7, "path": "/", "domain":"" }); cookie({"test":"123","test2":"456"},{ //批量設(shè)置 "expires": 7, "path": "/", "domain":"" });get
獲取 cookie 的值
cookie.get(name)
效果相同cookie(name)
store.get("wcj1") //獲取wcj1的字符串數(shù)據(jù) store("wcj1") //功能同上clear
清空cookie
cookie.clear()
效果相同cookie()
cookie() cookie.clear(remove
刪除cookie
cookie.remove(name)
效果相同cookie(name,null)
cookie.remove("test") //刪除cookie test cookie("test",null) //這樣也是 刪除cookie test
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/87675.html
摘要:的屬性在瀏覽器的控制臺中,可以直接輸入來查看。可以在瀏覽器的控制臺中看出哪些是類型的,下帶綠色對勾的即是,如圖只要是類型的在控制臺通過是獲取不到的,也不能進行修改。當會話過期或被放棄后,服務(wù)器將終止該會話。在中,用取代了。 本文由云+社區(qū)發(fā)表 在前端面試中,有一個必問的問題:請你談?wù)刢ookie和localStorage有什么區(qū)別啊? localStorage是H5中的一種瀏覽器本地存...
摘要:存儲之初探的發(fā)布和定稿為前端界帶來巨大的變化,新增的和特性給業(yè)務(wù)帶來了更多可能性,讓用戶體驗擁有了更可能的豐富。只讀返回一個整數(shù),表示存儲在對象中的數(shù)據(jù)項數(shù)量。會在過期時間之后銷毀。安全性方面,中一般不建議存儲敏感信息。 Web存儲之LocalStorage初探 HTML5的發(fā)布和定稿為前端界帶來巨大的變化,新增的API和特性給業(yè)務(wù)帶來了更多可能性,讓用戶體驗擁有了更可能的豐富。 · ...
摘要:缺點數(shù)量和長度受限制,數(shù)量部分不同的瀏覽器不一樣,長度是不能超過,否則會被截掉。更容易受到安全攻擊。不會在每個請求中被攜帶。遵循同源政策,保存數(shù)據(jù)會相對來說安全些。的優(yōu)缺點基本上和是相同的,同屬于,返回的也都是一個對象。 前言 這些api的發(fā)展歷程? 這些api各自的優(yōu)缺點是什么? 這些api的使用場景? 怎么用就不說了,因為直接看文檔就可以了 參考了很多篇文章,現(xiàn)在把所看的內(nèi)容總...
閱讀 1537·2023-04-25 18:56
閱讀 1484·2021-09-29 09:34
閱讀 1710·2021-09-22 15:51
閱讀 3483·2021-09-14 18:03
閱讀 1160·2021-07-23 17:54
閱讀 2018·2019-08-29 18:38
閱讀 2900·2019-08-29 12:38
閱讀 610·2019-08-26 13:41