概念圖氓轰，concept map，作為與心智圖(又稱思維導(dǎo)圖)并列的兩大概念繪制工具之一劫灶，自約瑟夫·D·諾瓦克(Novak)于 1960 年代發(fā)明以來霞丧，得到了教育領(lǐng)域和商業(yè)領(lǐng)域上的廣泛應(yīng)用。Novak 總結(jié)道：“有意義的學(xué)習(xí)涉及到新概念和命題納入現(xiàn)有的認(rèn)知結(jié)構(gòu)的同化”湃鹊。
Meaningful learning involves the assimilation of new concepts and propositions into existing cognitive structures
Jan Lanzing 的概念圖主頁深入闡釋了使用概念圖的幾個(gè)目的（翻譯的不好請(qǐng)見諒~）儒喊。
- 書寫你的想法（頭腦風(fēng)暴等）
- 設(shè)計(jì)一個(gè)復(fù)雜的結(jié)構(gòu)（長(zhǎng)文本、超媒體(hypermedia)币呵、大型 Web 站點(diǎn)等）
- 方便交流與傳遞復(fù)雜的思想
- 用可視化方法整合新舊知識(shí)
- 評(píng)估對(duì)概念的理解程度和診斷對(duì)概念的誤解
說到這里怀愧，便可以利用概念圖的技能深究 Cookie 知識(shí)點(diǎn)了侨颈。
- 使用到了 CmapTools 的全平臺(tái)免費(fèi)軟件。
P.S: 本次 Cookie 深究背景芯义，實(shí)驗(yàn)室前端知識(shí)點(diǎn)之概念圖實(shí)戰(zhàn)選擇了 Cookie哈垢。
對(duì) Cookie 進(jìn)行概念塑性
1
按照阮一峰老師的 JS 標(biāo)準(zhǔn)參考教程所總結(jié)的：
Cookie 是服務(wù)器保存在瀏覽器的一小段文本信息，每個(gè) Cookie 的大小一般不能超過4KB扛拨。瀏覽器每次向服務(wù)器發(fā)出請(qǐng)求耘分，就會(huì)自動(dòng)附上這段信息。
可見绑警，1993 年由盧·蒙特利發(fā)明的 Cookie 的存在解決了因 HTTP 協(xié)議無狀態(tài)而無法滿足交互式 Web 應(yīng)用持續(xù)發(fā)展的需求求泰。有了 Cookie 之后，用戶和服務(wù)器之間的狀態(tài)得以保持计盒，產(chǎn)品層面平滑地延伸出了登錄渴频、注冊(cè)、購買物品等實(shí)用功能北启。
2
按照 Cookie 的兩種分類依據(jù) —— 存在時(shí)間和存儲(chǔ)位置卜朗，前者分為“非持久
Cookie”和“持久 Cookie”，后者分為“內(nèi)存 Cookie”和“硬盤 Cookie”咕村。實(shí)則“存在時(shí)間”和“存儲(chǔ)位置”有著相映射的效果场钉。
Cookie 保存在硬盤上，訪問位置根據(jù)操作系統(tǒng)乃至瀏覽器的不同而不同培廓，Cookie 保存在內(nèi)存中惹悄，實(shí)則是瀏覽器即使使用 Cookie 的結(jié)果。也因此能看出肩钠，瀏覽器提供著對(duì) Cookie 的編程接口泣港。譬如用 document.cookie 可以訪問瀏覽器當(dāng)前域名下的 cookie 值(結(jié)果是字符串)，如果訪問失敗的話价匠，很可能是因?yàn)榉?wù)器發(fā)來的 Cookie 設(shè)置了 HttpOnly 屬性不能用編程接口讀取而只能作為 HTTP 請(qǐng)求頭中出現(xiàn)当纱。
3
除了 Cookie 本身的內(nèi)容，還有一些可選的屬性也是可以寫入的踩窖，它們都必須以分號(hào)開頭坡氯。瀏覽器向服務(wù)器發(fā)送 Cookie 的時(shí)候，是一行將所有 Cookie 全部發(fā)送洋腮。瀏覽器向服務(wù)器發(fā)送 Cookie 的時(shí)候箫柳，是一行將所有 Cookie 全部發(fā)送。服務(wù)器告訴瀏覽器需要儲(chǔ)存 Cookie 的時(shí)候啥供，則是分行指定悯恍。
Set-Cookie: value[; expires=date][; domain=domain][; path=path][; secure]
常見的 Cookie 屬性有。
- Value：它是一個(gè)鍵值對(duì)伙狐，用于指定 Cookie 的值
- expires：用于指定 Cookie 過期時(shí)間
- domain：指定 Cookie 所在的域名
- path：用來指定路徑涮毫，必須是絕對(duì)路徑
- secure：用來指定 Cookie 只能在 HTTPS 下發(fā)送到服務(wù)器
- max-age：用來指定 Cookie 有效期
- HttpOnly：設(shè)置該 Cookie 不能被 JavaScript 讀取
4
當(dāng)然瞬欧，Cookie 也不是萬能的，維基百科中提到罢防，Cookie 有如下缺點(diǎn)艘虎。
- Cookie 會(huì)被附加在每個(gè) HTTP 請(qǐng)求中，所以無形中增加了流量咒吐。
- 由于在HTTP請(qǐng)求中的Cookie是明文傳遞的野建，所以安全性成問題。（除非用 HTTPS）渤滞。
- Cookie的大小限制在4KB左右贬墩。對(duì)于復(fù)雜的存儲(chǔ)需求來說是不夠用的榴嗅。
- Cookie 容易被盜竊和腳本攻擊
5
說到這里妄呕，我們已經(jīng)能夠畫出來 Cookie 的概念圖了，從 Cookie 的背景嗽测、分類及具體操作都能略談一二绪励，“有意義的學(xué)習(xí)涉及到新概念和命題納入現(xiàn)有的認(rèn)知結(jié)構(gòu)的同化”，加深了我們對(duì)曾為抽象存在的 Cookie 的深刻理解唠粥。
推薦一本書
概念圖是一個(gè)好的工具疏魏，能夠幫助我們更好的梳理學(xué)習(xí)內(nèi)容、及時(shí)記錄我們的靈感并發(fā)揮我們的創(chuàng)造力晤愧。這里推薦一本好書：《學(xué)習(xí)大莫、創(chuàng)造與使用知識(shí) 概念圖促進(jìn)企業(yè)和學(xué)校的學(xué)習(xí)變革》，正如書名一樣官份，我們可以用概念圖學(xué)習(xí)只厘、創(chuàng)造和使用知識(shí)，也能促進(jìn)企業(yè)和學(xué)校的學(xué)習(xí)變革舅巷。
《學(xué)習(xí)羔味、創(chuàng)造與使用知識(shí) 概念圖促進(jìn)企業(yè)和學(xué)校的學(xué)習(xí)變革》這本書，適用于各位教師钠右、教學(xué)設(shè)計(jì)者赋元、研究者、學(xué)生飒房，以及所有的知識(shí)產(chǎn)業(yè)搁凸、政府組織和商業(yè)領(lǐng)域的工作者，方便大家對(duì)知識(shí)的構(gòu)建與整理狠毯。
[圖片上傳失敗...(image-4dc42-1509644621601)]](http://upload-images.jianshu.io/upload_images/2558748-708b31806daa4f49.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- Hello护糖，我是韓亦樂，現(xiàn)任本科軟工男一枚垃你。軟件工程專業(yè)的一路學(xué)習(xí)中椅文，我有很多感悟喂很，也享受持續(xù)分享的過程。如果想了解更多或能及時(shí)收到我的最新文章皆刺，歡迎訂閱我的個(gè)人微信號(hào)：韓亦樂少辣。我的簡(jiǎn)書個(gè)人主頁中，有我的訂閱號(hào)二維碼和 Github 主頁地址羡蛾；我的知乎主頁 中也會(huì)堅(jiān)持產(chǎn)出漓帅，歡迎關(guān)注。
- 本文內(nèi)部編號(hào)經(jīng)由我的 Github 相關(guān)倉庫統(tǒng)一管理痴怨；本文可能發(fā)布在多個(gè)平臺(tái)但僅在上述倉庫中長(zhǎng)期維護(hù)忙干；本文同時(shí)采用【知識(shí)共享署名-非商業(yè)性使用-禁止演繹 4.0 國際許可協(xié)議】進(jìn)行許可。
