今日份的笔记（本地数据存储）

Cookie：

B/S模式   浏览器-----服务器    websever - tomcat/apache/iis

http协议：

HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，所有的WWW文件都必须遵守这个标准。

HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。

HTTP是无连接：无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间。

HTTP是媒体独立的：这意味着，只要客户端和服务器知道如何处理的数据内容，任何类型的数据都可以通过HTTP发送。客户端以及服务器指定使用适合的MIME-type内容类型。

HTTP是无状态：HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信息时它的应答就较快。

请求响应模式

由于http是无状态的，服务器要记录用户身份信息，所以存在session会话跟踪机制

C/S模式  客户端------服务器

谷歌浏览器暂不支持使用：file://协议方式来操作cookie

Cookie

特点：

a.保存的是纯文本信息

b.有存储容量的限制：4kb（有存储条数的限制）

c.cookie会占用网络上传带宽，即每次请求都会携带cookies信息传到服务器

使用：

保存：

document.cookie = "name=value;expires=xxxz;path=xxxa;domain=xxx;secure";

name:cookie名

value:cookie值

expires：失效时间，可选，默认（没有的时候）为给会话结束失效。日期时间字符串

cookie失效时候会自动从文本文件中删除

path：cookie保存路径，可选，默认为当前文件所在的路径

domain：域名

secure：是否为安全连接，可选

修改：

覆盖保存，同路径下，同名的cookies覆盖保存

删除：

覆盖保存，同路径下，同名的cookies覆盖保存，将失效时间设置当前时间之前的任何一刻即可

查找：

document.cookie

--将域下所有cookies都查询出来，以字符串的方式返回，字符串内容为每条cookie（name=value）以“；  ”（分号空格）隔开

exp：记住用户名和密码

from action = “”

input username

input paswd

chenckbox remmberps-and-name

submit

//表单提交触发onsubmit

$("form").onsubmit = function（event）{

event = event||window.event；

//未完待续

}

存储cookie避免乱码：

encodeURIComponent（）可把字符串作为URI进行编码，不会对ASCII字母和数字进行编码；

decodeURIComponent（）解码

不同页面间数据传输的方式 

a.URL

<a href = “/addToCart.html?id=1&title=xxxx”>加入购物车</a>

location.search.slice（1）；

b.cookie

如：一个页面cookie（key,value）保存数据，另一个页面cookies（key）读取数据

模板字符串(ES6):`字符串`；

template ： ${js表达式}占位符  字符串中途可以换行，如果字符串中间需要连接其他js表达式内容，可以使用${}占位符来使用

---

json：

JavaScript option Notation

javascript 对象表示方法，是存储和交换数据的一种格式的语法

ES5提供JSON的内置对象使用：

JSON.stringify（obj）

将js值转化为JSON

JSON.parse（）；

将JSON字符串转化为JS