資訊專欄INFORMATION COLUMN
摘要：前端最基礎的就是。這是初級階段的最后一堂了。敏感數(shù)據(jù)要設置防止意外的被他人獲取。是什么服務器端存放數(shù)據(jù)。都是用來做瀏覽器端存儲的。解決的問題的存儲大小問題。該使用索引來實現(xiàn)對該數(shù)據(jù)的高性能搜索。
前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。
這是初級階段的最后一堂了。之后的內(nèi)容插入了一些實際場景和review
我們要講什么cookie是什么？用來解決問題？有什么注意點？
session是什么？用來解決問題？有什么注意點？
stroage是什么？用來解決問題？有什么注意點？
其他內(nèi)容（IndexedDB、WebSQL）
cookie cookie 是什么?cookie是一個存放在瀏覽器端的內(nèi)容，可以在請求服務端的時候時候帶在header中，下圖可以看到關鍵詞有name,value,Domain,path,Expires/max-age,http,secure,可以打開自己的瀏覽器研究一下。
name 就是key獲取的，
value 就是值，和name是對應的。
domain 就是所屬域名，比如 sf.gg 的就不能被 baidu.com 獲取。
path 是所屬路徑 /im 就不能獲取 /live 下面的，所以一般公共的都放在根目錄
expires 是失效時間，有會話級別的-關閉瀏覽器就失效。有時間級別的-到點失效。
httponly 只有服務端能獲取到，接口訪問的時候也會自動帶上。但是 document.cookie 拿不到
cookie 解決了什么問題瀏覽器的訪問是無狀態(tài)，意味著服務器不理解兩次請求是不是同一個人。所以他可以通過 cookie 做一個唯一標識。然后每次訪問都帶上，這樣服務器就可以知道這是同一個人。所以說 cookie 是重要的，如果別人拿到了你的 cookie，他就是你。
cookie 使用中有什么要注意的各個瀏覽器的容量是不一樣的（條數(shù)）。
cookie 的不要放大量數(shù)據(jù)，因為這些數(shù)據(jù)會用在每次請求上。
敏感數(shù)據(jù)要設置 httponly ,防止意外的被他人獲取。
session session是什么？服務器端存放數(shù)據(jù)。一般來說生成一個sessionID,放在cookie里面。瀏覽器的請求來了之后，拿著sessionID去查到詳細信息。一般來說都是使用過期時間
session用來解決什么問題？cookie不適合存放大量數(shù)據(jù)、敏感數(shù)據(jù)。比如說userid，不能說用戶改啥就是啥。比如說一些內(nèi)部的判斷條件。就給瀏覽器端一個id，來服務器端查就ok了。
session 使用時需要注意什么？服務器的事情，咱們前端就不管了吧。愛咋用咋用。
stroage stroage是什么？瀏覽器支持兩種 localstroage 和 sessionStroage。都是用來做瀏覽器端存儲的。
localStroage 是用來跨頁面使用的，可以長久存儲。當然是同源的頁面。
sessionStroage 是用來存放本頁面的數(shù)據(jù)的，關閉頁面就清空了。
stroage解決的問題cookie的存儲大小問題。頁面通信的問題。真正提供了前端存儲能力
stroage使用的時候需要注意什么？存儲的值都為String。
存儲是同步的。localstroage的改變會通知給其他頁面stroage事件
支持大小是5MB，當然也不準咯，看瀏覽器廠商的實現(xiàn)。
其他內(nèi)容（IndexedDB、WebSQL）
IndexedDB
IndexedDB 是一種低級API，用于客戶端存儲大量結構化數(shù)據(jù)(包括, 文件/ blobs)。該API使用索引來實現(xiàn)對該數(shù)據(jù)的高性能搜索。雖然 Web Storage 對于存儲較少量的數(shù)據(jù)很有用，但對于存儲更大量的結構化數(shù)據(jù)來說，這種方法不太有用。IndexedDB提供了一個解決方案。
WebSQL
將要廢棄的方案。
其他的封裝庫
對于簡單的情況可能看起來太復雜。如果你更喜歡一個簡單的API，嘗試二次封裝的類庫如localForage、dexie.js、ZangoDB。后記
主講人文章-2019-04-25
文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/110224.html
摘要：提供了與瀏覽器窗口進行交互的對象標簽之間不會共享。用于描述當前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。 前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。 前面我們已經(jīng)基本掌握常規(guī)的語法語義，以及基...
摘要：提供了與瀏覽器窗口進行交互的對象標簽之間不會共享。用于描述當前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。 前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。 前面我們已經(jīng)基本掌握常規(guī)的語法語義，以及基...
摘要：上節(jié)我們講了同源策略，這節(jié)我們講講如何跨域。當這些從的腳本執(zhí)行出錯，因為違背了同源策略為了保證用戶信息不被泄露，錯誤信息不會顯示出來，取而代之只會返回一個。 前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每...
摘要：同源策略是什么同源策略是瀏覽器的一個安全功能，不同源的數(shù)據(jù)禁止訪問。或許你可以說驗證，在瀏覽器沒有同源策略的情況下這些都可以繞過去。總結同源策略是蠻好的，防御了大部分的攻擊。 前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思...
摘要：前端最基礎的就是。幫助從舊的事件方法轉(zhuǎn)換，和。方法移除用綁定的事件處理程序。特定的事件處理程序可以被移除元素上提供事件名稱，命名空間，處理函數(shù)。用于過濾器的觸發(fā)事件的選擇器元素的后代。事件觸發(fā)模擬觸發(fā)原生使用觸發(fā)。 前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠遠不止這些。前端小課堂（HTML/CSS/JS）...
閱讀 3947·2021-10-19 13:23
閱讀 2326·2021-09-09 11:37
閱讀 2507·2019-08-29 15:20
閱讀 3407·2019-08-29 11:08
閱讀 1661·2019-08-26 18:27
閱讀 1764·2019-08-23 12:20
閱讀 3028·2019-08-23 11:54
閱讀 2543·2019-08-22 15:19
