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