亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

前端培訓(xùn)-初級(jí)階段（17） - 數(shù)據(jù)存儲(chǔ)（cookie、session、stroage）

lifefriend_007 / 1763人閱讀

摘要：前端最基礎(chǔ)的就是。這是初級(jí)階段的最后一堂了。敏感數(shù)據(jù)要設(shè)置防止意外的被他人獲取。是什么服務(wù)器端存放數(shù)據(jù)。都是用來(lái)做瀏覽器端存儲(chǔ)的。解決的問(wèn)題的存儲(chǔ)大小問(wèn)題。該使用索引來(lái)實(shí)現(xiàn)對(duì)該數(shù)據(jù)的高性能搜索。

前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開(kāi)發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識(shí)的中心思想，我們開(kāi)課啦（每周四）。

這是初級(jí)階段的最后一堂了。之后的內(nèi)容插入了一些實(shí)際場(chǎng)景和review

我們要講什么

cookie是什么？用來(lái)解決問(wèn)題？有什么注意點(diǎn)？

session是什么？用來(lái)解決問(wèn)題？有什么注意點(diǎn)？

stroage是什么？用來(lái)解決問(wèn)題？有什么注意點(diǎn)？

其他內(nèi)容（IndexedDB、WebSQL）

cookie cookie 是什么?

cookie是一個(gè)存放在瀏覽器端的內(nèi)容，可以在請(qǐng)求服務(wù)端的時(shí)候時(shí)候帶在header中，下圖可以看到關(guān)鍵詞有name,value,Domain,path,Expires/max-age,http,secure,可以打開(kāi)自己的瀏覽器研究一下。

name 就是key獲取的，

value 就是值，和name是對(duì)應(yīng)的。

domain 就是所屬域名，比如 sf.gg 的就不能被 baidu.com 獲取。

path 是所屬路徑 /im 就不能獲取 /live 下面的，所以一般公共的都放在根目錄

expires 是失效時(shí)間，有會(huì)話級(jí)別的-關(guān)閉瀏覽器就失效。有時(shí)間級(jí)別的-到點(diǎn)失效。

httponly 只有服務(wù)端能獲取到，接口訪問(wèn)的時(shí)候也會(huì)自動(dòng)帶上。但是 document.cookie 拿不到

cookie 解決了什么問(wèn)題

瀏覽器的訪問(wèn)是無(wú)狀態(tài)，意味著服務(wù)器不理解兩次請(qǐng)求是不是同一個(gè)人。所以他可以通過(guò) cookie 做一個(gè)唯一標(biāo)識(shí)。然后每次訪問(wèn)都帶上，這樣服務(wù)器就可以知道這是同一個(gè)人。所以說(shuō) cookie 是重要的，如果別人拿到了你的 cookie，他就是你。

cookie 使用中有什么要注意的

各個(gè)瀏覽器的容量是不一樣的（條數(shù)）。

cookie 的不要放大量數(shù)據(jù)，因?yàn)檫@些數(shù)據(jù)會(huì)用在每次請(qǐng)求上。

敏感數(shù)據(jù)要設(shè)置 httponly ,防止意外的被他人獲取。

session session是什么？

服務(wù)器端存放數(shù)據(jù)。一般來(lái)說(shuō)生成一個(gè)sessionID,放在cookie里面。瀏覽器的請(qǐng)求來(lái)了之后，拿著sessionID去查到詳細(xì)信息。一般來(lái)說(shuō)都是使用過(guò)期時(shí)間

session用來(lái)解決什么問(wèn)題？

cookie不適合存放大量數(shù)據(jù)、敏感數(shù)據(jù)。比如說(shuō)userid，不能說(shuō)用戶改啥就是啥。比如說(shuō)一些內(nèi)部的判斷條件。就給瀏覽器端一個(gè)id，來(lái)服務(wù)器端查就ok了。

session 使用時(shí)需要注意什么？

服務(wù)器的事情，咱們前端就不管了吧。愛(ài)咋用咋用。

stroage stroage是什么？

瀏覽器支持兩種 localstroage 和 sessionStroage。都是用來(lái)做瀏覽器端存儲(chǔ)的。

localStroage 是用來(lái)跨頁(yè)面使用的，可以長(zhǎng)久存儲(chǔ)。當(dāng)然是同源的頁(yè)面。

sessionStroage 是用來(lái)存放本頁(yè)面的數(shù)據(jù)的，關(guān)閉頁(yè)面就清空了。

stroage解決的問(wèn)題

cookie的存儲(chǔ)大小問(wèn)題。頁(yè)面通信的問(wèn)題。真正提供了前端存儲(chǔ)能力

stroage使用的時(shí)候需要注意什么？

存儲(chǔ)的值都為String。

存儲(chǔ)是同步的。localstroage的改變會(huì)通知給其他頁(yè)面stroage事件

支持大小是5MB，當(dāng)然也不準(zhǔn)咯，看瀏覽器廠商的實(shí)現(xiàn)。

其他內(nèi)容（IndexedDB、WebSQL）

IndexedDB

IndexedDB 是一種低級(jí)API，用于客戶端存儲(chǔ)大量結(jié)構(gòu)化數(shù)據(jù)(包括, 文件/ blobs)。該API使用索引來(lái)實(shí)現(xiàn)對(duì)該數(shù)據(jù)的高性能搜索。雖然 Web Storage 對(duì)于存儲(chǔ)較少量的數(shù)據(jù)很有用，但對(duì)于存儲(chǔ)更大量的結(jié)構(gòu)化數(shù)據(jù)來(lái)說(shuō)，這種方法不太有用。IndexedDB提供了一個(gè)解決方案。

WebSQL

將要廢棄的方案。

其他的封裝庫(kù)

對(duì)于簡(jiǎn)單的情況可能看起來(lái)太復(fù)雜。如果你更喜歡一個(gè)簡(jiǎn)單的API，嘗試二次封裝的類庫(kù)如localForage、dexie.js、ZangoDB。

后記

主講人文章-2019-04-25

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/110224.html

相關(guān)文章

  • 前端培訓(xùn)-中級(jí)階段（4）- BOM 瀏覽器對(duì)象模型（2019-07-04期）

    摘要：提供了與瀏覽器窗口進(jìn)行交互的對(duì)象標(biāo)簽之間不會(huì)共享。用于描述當(dāng)前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開(kāi)發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識(shí)的中心思想，我們開(kāi)課啦（每周四）。 前面我們已經(jīng)基本掌握常規(guī)的語(yǔ)法語(yǔ)義，以及基...

    smallStone 評(píng)論0 收藏0

  • 前端培訓(xùn)-中級(jí)階段（4）- BOM 瀏覽器對(duì)象模型（2019-07-04期）

    摘要：提供了與瀏覽器窗口進(jìn)行交互的對(duì)象標(biāo)簽之間不會(huì)共享。用于描述當(dāng)前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開(kāi)發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識(shí)的中心思想，我們開(kāi)課啦（每周四）。 前面我們已經(jīng)基本掌握常規(guī)的語(yǔ)法語(yǔ)義，以及基...

    h9911 評(píng)論0 收藏0

  • 前端培訓(xùn)-中級(jí)階段（11、12）- 跨域請(qǐng)求原理以及實(shí)現(xiàn)（2019-08-22期）

    摘要：上節(jié)我們講了同源策略，這節(jié)我們講講如何跨域。當(dāng)這些從的腳本執(zhí)行出錯(cuò)，因?yàn)檫`背了同源策略為了保證用戶信息不被泄露，錯(cuò)誤信息不會(huì)顯示出來(lái)，取而代之只會(huì)返回一個(gè)。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開(kāi)發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識(shí)的中心思想，我們開(kāi)課啦（每...

    binaryTree 評(píng)論0 收藏0

  • 前端培訓(xùn)-中級(jí)階段（10）- 同源策略（2019-08-15期）

    摘要：同源策略是什么同源策略是瀏覽器的一個(gè)安全功能，不同源的數(shù)據(jù)禁止訪問(wèn)?；蛟S你可以說(shuō)驗(yàn)證，在瀏覽器沒(méi)有同源策略的情況下這些都可以繞過(guò)去?？偨Y(jié)同源策略是蠻好的，防御了大部分的攻擊。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開(kāi)發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識(shí)的中心思...

    heartFollower 評(píng)論0 收藏0

  • 前端培訓(xùn)-中級(jí)階段（6）- jQuery的事件綁定鏈?zhǔn)讲僮骷霸恚?019-07-25期）

    摘要：前端最基礎(chǔ)的就是。幫助從舊的事件方法轉(zhuǎn)換，和。方法移除用綁定的事件處理程序。特定的事件處理程序可以被移除元素上提供事件名稱，命名空間，處理函數(shù)。用于過(guò)濾器的觸發(fā)事件的選擇器元素的后代。事件觸發(fā)模擬觸發(fā)原生使用觸發(fā)。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開(kāi)發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS）...

    Airy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<