前端 cookie,小餅乾

2021-10-07 09:40:33 字數 1065 閱讀 8980

cookie 是前端中乙個小點,還是比較重要的。

什麼是cookie

cookie是儲存在你的計算機中的小型文字檔案中的資料。web 伺服器將網頁傳送到瀏覽器之後,連線將關閉,瀏覽器也將忘記使用者資訊。cookie 就是為了解決這個問題。

當你再次開啟瀏覽器時,瀏覽器會從本地檔案讀取 cookie,這樣瀏覽器就會認識你,比如一些**的自動登入,使用的是這個技術。

獲取cookie

let cookies = document.cookie

設定cookie

document.cookie = newcookie;

newcookie 是乙個鍵值對的值,使用這種方法只能一次設定乙個值。

cookie的屬性

1 ;path=path (例如 『/』, 『/mydir』) 如果沒有定義,預設為當前文件位置的路徑

2 ;domain=domain (例如 『example.com』, 『subdomain.example.com』) 如果沒有定義,預設為當前文件位置的路徑的網域名稱部分。與早期規範相反的是,在網域名稱前面加 . 符將會被忽視,因為瀏覽器也許會拒絕設定這樣的cookie。如果指定了乙個域,那麼子域也包含在內。

3 ;max-age=max-age-in-seconds (例如一年為606024*365)

max-age>0 時 直接從遊覽器快取中 提取

max-age<=0 時 向server 傳送http 請求確認 ,該資源是否有修改

有的話 返回200 ,無的話 返回304.

4 ;expires=date-in-gmtstring-format 如果沒有定義,cookie會在對話結束時過期

注:3和4都可以設定過期時間,不過他們是有區別的,具體區別看這裡 兩者區別

5 ;secure (cookie只通過https協議傳輸)

cookie的缺陷

1 cookie 會被加在每個http請求中,所以無形中增加了流量。

2 cookie 在請求中是明文傳遞的,所以會造成安全問題,除非用超文字安全傳輸協議

3 cookie 的大小限制在 4k 左右,對於複雜的儲存需求來說是不夠用的。

js中cookie小餅乾怎麼封裝呢??

在我們學習到快取與本地儲存時,我們常常是需要封裝一下函式來提公升自己的開發能力。那麼我們今天就來介紹一下cookie小餅乾的封裝函式吧。廢話不多說,上 處理cookie的封裝 cookie.js的操作 功能一 新增cookie的函式 function addcookie cookiekey,cook...

一塊小餅乾 Cookie 的故事 下篇

上篇介紹了註冊的基本流程,下篇簡單的講講登入的流程以及cookie的出現當你在瀏覽器的輸入框裡輸入localhost 8080 sign in的時候,會發起get請求,去訪問sign in.html if path sign up method get css布局與上篇的布局基本一樣,略去不表 依然...

零食小餅乾

吃貨的最高境界就是把喜歡吃的東西用自己的雙手做出來 哈哈哈.廢話不多說了,直接開始做餅乾吧!材料 低筋麵粉 554克 糖粉 150克 無鹽黃油 227克 雞蛋 3個 奶粉 60克 1 黃油隔水融化,用打蛋器攪拌均勻。2 分別加入糖粉,奶粉,攪拌均勻。要加糖粉或者糖霜類,這樣才可以融化哦!3 雞蛋分次...