本地存儲cookie和localStorage區別特點

一、cookie

cookie算是比較早的技術,最初是為了記錄http的狀態,提高訪問速度。cookie是服務器"種植"在客戶端的key-value形式文本文件。但同時客戶端也能操作cookie。
特點

  • 大小:cookie的大小限制在4k。每個域名下cookie的個數現在在20個。
  • 在客戶端請求服務器端和服務器響應時,cookie始終被攜帶在http請求中,即使不需要(造成流量浪費)。這也是限制cookie大小的原因。
  • 客戶端可以通過document.cookie操作cookie,并不安全。
  • cookie可以設置過期時間、路徑、域和httpOnly等字段。如果設置了過期時間,cookie會保存在硬盤里,知道到了設定的過期時間才會失效。若未設置過期時間,在瀏覽器窗口關閉時,cookie就失效了。路徑和域兩個字段限制了cookie的作用范圍。httpOnly設置為true,則js不能通過document.cookie操作cookie。

二、localStorage

它也是采用key-value的形式存儲數據,但是它與cookie有很大的區別
特點

    • 對比著來,localStorage能保存更大的數據,標準瀏覽器是5Mb。
    • localStorage保存在客戶端,不隨著請求發送給服務器,避免了流量的浪費。
    • 客戶端可以通過:setItem、getItem方法訪問localStorage。
    • 并且,localStorage沒有過期時間,如果不手動清除,數據就永遠不會過期,一直保存在瀏覽器當中。
    • 存儲的信息在同一域中是共享的。

轉載于:https://www.cnblogs.com/gr07/p/9366871.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/249879.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/249879.shtml
英文地址,請注明出處:http://en.pswp.cn/news/249879.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

VUE 中 使用 iview Form組件 enter鍵防止頁面刷新

<Form :label-width"100" inline label-positionleft keydown.native.enter.prevent "()>{}">或者使用官方的 submit.native.prevent轉載于:https://www.cnblogs.com/smzd/p/9197915.html

mybatis中#和$區別

在Mybtis中的Mapper映射文件中&#xff0c;sql語句傳參有兩種方式#{}和${} 一般來說&#xff0c;我們通常使用的是#{}&#xff0c;這里采用的是預編譯機制&#xff0c;防止SQL注入&#xff0c;將#{}中的參數轉義成字符串&#xff0c;例如&#xff1a; 執行SQL&#xff1a;Selec…

mysql 字段存儲多個值 ,判斷一個值是否在其中

表C_file,其中有個字段是spile&#xff0c;他存的是字符形式&#xff0c;例如&#xff1a; id spile 1 2,10,11 2 2,3,20,22 3 1,6,8 4 5,6,1,9 select * from C_file where spile LIKE %1% 如果這樣查詢的話&#xff0c;會查詢出ID為1、3、4&#xff0c;但正確的應該是3、…

touchWX 自定義組件以及傳值

創建如圖文件 index.wxc: <template><view class"wx-test" bindtap"handleTap">{{ msg }}{{dataIndex}}</view> </template> <script>export default {properties: {dataIndex: {type: String,value: default value,}},data…

vue 初始框架

VueJs講解初始框架 一、啟動項目 第一步&#xff1a;cmd進入項目文件里&#xff0c;運行npm run dev 啟動項目 這里說明啟動端口號是8080 第二步&#xff1a;往頁面輸入&#xff1a;localhost:8080 二、解析渲染步驟 先看整體框架樣式和index.html&#xff1a; 從上面我…

Codeforces 914D - Bash and a Tough Math Puzzle 線段樹,區間GCD

題意: 兩個操作, 單點修改 詢問一段區間是否能在至多一次修改后,使得區間$GCD$等于$X$ 題解: 正確思路; 線段樹維護區間$GCD$,查詢$GCD$的時候記錄一共訪問了多少個$GCD$不被X整除的區間即可,大于一個就NO 要注意的是,如果真的數完一整個區間,肯定會超時,因此用一個外部變量存儲…

Country Road Aizu - 2104

題目鏈接&#xff1a; https://vjudge.net/problem/Aizu-2104 題解&#xff1a; 咋說啊&#xff0c;一言難盡&#xff0c;花了半小時寫出來的&#xff0c;卡了十分鐘才恍然大明白是排序。 具體就是讓每個村子都通上電&#xff0c;變壓器在的村子&#xff0c;與變壓器連線點線長…

touchWX使用 echarts

<button bindtap"init" wx:if"{{!isLoaded}}">加載圖表</button><button bindtap"dispose" wx:if"{{isLoaded && !isDisposed}}">釋放圖表</button><ec-canvas het"200" classmy_echart…

vue init webpack vue-demo01復雜安裝的詳解

終端cmd,在項目中輸入下面命令&#xff1a; E:\Vue>vue init webpack vuedemo02 接著就會讓你輸入或者選擇一些是不是要的東西 ? Project name vuedemo02(項目名稱) ? Project description A Vue.js project(描述&#xff0c;我默認了) ? Author simalinjia(作者名稱) ?…

JAVA EE 基本了解

1、 為什么需要JavaEE 我們編寫的JSP代碼中&#xff0c;由于大量的顯示代碼和業務邏輯混淆在一起&#xff0c;彼此嵌套&#xff0c;不利于程序的維護和擴展。當業務需求發生變化的時候&#xff0c;對于程序員和美工都是一個很重的負擔。 為了程序的易維護性和可擴展性&#xf…

vue-cli中config目錄下的index.js文件詳解

// see http://vuejs-templates.github.io/webpack for documentation. // path是node.js的路徑模塊&#xff0c;用來處理路徑統一的問題 var path require(path)module.exports { // 下面是build也就是生產編譯環境下的一些配置build: { // 導入prod.env.js配置文件&#xf…

Business Intelligence——SSIS項目從創建到部署的簡單總結(二)

在上一篇博客中&#xff0c;我們成功的把包導進了SQL Server中&#xff0c;那么接下來我們就為其創建作業&#xff0c;使數據庫能夠自動執行我們的任務。首先&#xff0c;我們需要啟動“SQL Server 代理”。如圖1&#xff1a;圖1在“SQL Server 代理”的子節點中&#xff0c;選…

我的vscode配置 利用Settings Sync一鍵安裝

{"prettier.eslintIntegration": true, // 點擊保存時&#xff0c;根據 eslint 規則自定修復&#xff0c;同時集成 prettier 到 eslint 中"prettier.semi": false, //去掉代碼結尾的分號"prettier.singleQuote": true, //使用帶引號替代雙引號&q…

IdentityServer4【QuickStart】之使用asp.net core Identity

使用asp.net core Identity IdentityServer靈活的設計中有一部分是可以將你的用戶和他們的數據保存到數據庫中的。如果你以一個新的用戶數據庫開始&#xff0c;那么&#xff0c;asp.net core Identity是一個選擇。這個示例演示了如何在IdentityServer中使用asp.net core Ientit…

vue demo1

1.開發工具 試過sublime&#xff0c;現在轉戰vscode&#xff0c;覺得很順手&#xff0c;總之啥工具習慣就好。 vscode用著不錯的插件&#xff0c;推薦安裝。 2.項目目錄介紹 vue-cli生成的項目目錄有點多&#xff0c;初看有點懵&#xff0c;梳理一下會好很多。 ├── ind…

mysql日志介紹

1. 錯誤日志 錯誤日志記錄的事件&#xff1a; a. 服務器啟動關閉過程中的信息 b. 服務器運行過程中的錯誤信息 c. 事件調試器運行一個事件時間生的信息 d. 在從服務器上啟動從服務器進程時產生的信息 2. 查詢日志 查詢日志記錄查詢語句與啟動時間&#xff0c;建議不是在調試環境…

Mac OS X終端的常用操作命令(UNIX指令)

用了十多年windows&#xff0c;終于換了個高配Mac,俗話說 無論前端還是后端最終還是走向了linux&#xff0c;無論是換了多少臺PC最終都會走向Mac。不學習命令行用什么Mac? 干就完了~ pwd 顯示現在的文件路徑 &#xff08;print working directory&#xff09; ls 顯示…

索引( index )

索引在龐大的數據庫上最能體現出作用&#xff0c;所謂索引就是根據需求將指定的列提取出來做索引表&#xff0c;可以顯著提高在查找數據方面的速度。 在索引的前提下還可以指定索引值是否唯一&#xff0c;索引值是單列或是多列索引。 根據索引類型&#xff0c;索引分為&#xf…

dependencies 和 devDependencies 區別

當我們項目需要下載一個模塊的時候&#xff0c;我們安裝npm包&#xff08;在項目目錄下面npm install module_name&#xff09;的時候&#xff0c;很多時候我們會在后面加上–save-dev 或 –save。這兩個參數代表什么呢&#xff1f; 初識 相信很多人都會回答&#xff1a; np…

CentOS下防御或減輕DDoS攻擊方法(轉)

查看攻擊IP 首先使用以下代碼&#xff0c;找出攻擊者IP netstat -ntu | awk {print $5} | cut -d: -f1 | sort | uniq -c | sort -n 將會得出類似如下的結果&#xff1a; 1 114.226.9.132 1 174.129.237.157 1 58.60.118.142 1 Address 1 servers) 2 118.26.131.78 3 123.125.1…