美文网首页
今日份的笔记(本地数据存储)

今日份的笔记(本地数据存储)

作者: 不知道取个什么昵称不如娶个媳妇 | 来源:发表于2018-09-05 10:36 被阅读6次

    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

    相关文章

      网友评论

          本文标题:今日份的笔记(本地数据存储)

          本文链接:https://www.haomeiwen.com/subject/ytmowftx.html