概念图，concept map，作为与心智图(又称思维导图)并列的两大概念绘制工具之一，自约瑟夫·D·诺瓦克(Novak)于 1960 年代发明以来，得到了教育领域和商业领域上的广泛应用。Novak 总结道：“有意义的学习涉及到新概念和命题纳入现有的认知结构的同化”。

Meaningful learning involves the assimilation of new concepts and propositions into existing cognitive structures

Jan Lanzing 的概念图主页深入阐释了使用概念图的几个目的（翻译的不好请见谅~）。

• 书写你的想法（头脑风暴等）
• 设计一个复杂的结构（长文本、超媒体(hypermedia)、大型 Web 站点等）
• 方便交流与传递复杂的思想
• 用可视化方法整合新旧知识
• 评估对概念的理解程度和诊断对概念的误解

Concept maps vs. mind maps

说到这里，便可以利用概念图的技能深究 Cookie 知识点了。

• 使用到了 CmapTools 的全平台免费软件。

P.S: 本次 Cookie 深究背景，实验室前端知识点之概念图实战选择了 Cookie。

对 Cookie 进行概念塑性

1

按照阮一峰老师的 JS 标准参考教程所总结的：

Cookie 是服务器保存在浏览器的一小段文本信息，每个 Cookie 的大小一般不能超过4KB。浏览器每次向服务器发出请求，就会自动附上这段信息。

可见，1993 年由卢·蒙特利发明的 Cookie 的存在解决了因 HTTP 协议无状态而无法满足交互式 Web 应用持续发展的需求。有了 Cookie 之后，用户和服务器之间的状态得以保持，产品层面平滑地延伸出了登录、注册、购买物品等实用功能。

2

按照 Cookie 的两种分类依据 —— 存在时间和存储位置，前者分为“非持久
Cookie”和“持久 Cookie”，后者分为“内存 Cookie”和“硬盘 Cookie”。实则“存在时间”和“存储位置”有着相映射的效果。

Cookie 保存在硬盘上，访问位置根据操作系统乃至浏览器的不同而不同，Cookie 保存在内存中，实则是浏览器即使使用 Cookie 的结果。也因此能看出，浏览器提供着对 Cookie 的编程接口。譬如用 document.cookie可以访问浏览器当前域名下的 cook