cookie

Web存储技术localStorage和sessionStorage的基本用法

微笑、不失礼 提交于 2019-12-06 23:46:01
##Web存储技术localStorage和sessionStorage的基本用法 1、首先对比cookie,早期我们都是利用cookie进行web页面本地存储的相关操作,但是cookie存储的数据量是有限的(少量的),另外cookie的数据会被上传到服务器,影响服务器传输速度和用户体验;而localStorage和sessionStorage进行数据存储可以存储大量的数据,同时数据不会保存到服务器上面,进而不会影响网站的性能。 2、localStorage和sessionStorage 1、数据以键/值得形式进行存储; 2、setltem存储value setItem('key','value') localStorage.setItem('key','value') sessionStorage.setItem('key','value') getItem(key)获取value var value = localStorage.getItem('key') var value = sessionStorage.getItem('key') 3、存储时间问题: localStorage- 没有时间限制的 存储; sessionStorage- 针对一个session的数据存储(关闭窗口,存储的数据清空) 来源: CSDN 作者: HEU小阿飞 链接: https://blog

LocalStorage

家住魔仙堡 提交于 2019-12-06 23:41:56
目录 1.什么是Web存储? 2.localStorage、sessionStorage、Cookie和Session 3.Storage接口 4.localStorage基本操作 5.storage事件 参考书籍:《JavaScript 权威指南----ECMAScript5+HTML5DOM+HTML5BOM》编著:张亚飞 1.什么是Web存储? Web存储机制是一种通过字符串形式的 key/value 对来安全地存储和使用客户端数据的方法。在HTML5之前,Web存储先后出现了Cookie,IE的userData,Flash,Google的Gears等多种解决方案,以下是一张网上的图片,能够很好地展示web存储的这一发展历程。 HTML5对web存储进行了规范和统一,提出了 一种新的Storage存储方式,并把它分为以下两种: -本地存储(localStorage) 没有时间限制的数据存储。 -会话存储(sessionStorage) 针对一个会话期的数据存储。 在使用 Storage 存储前,应检查浏览器是否支持 localStorage 和 sessionStorage。 //以下函数用来检测浏览器是否支持localStorage和sessionStorage function storageAvailable(type) { try { var storage =

JavaWeb(六):会话与状态管理

爱⌒轻易说出口 提交于 2019-12-06 22:51:31
HTTP协议是一种无状态的协议,WEB服务器本身不能识别出哪些请求是同一个浏览器发出的 ,浏览器的每一次请求都是完全孤立的。即使 HTTP1.1 支持持续连接,但当用户有一段时间没有提交请求,连接也会关闭。怎么才能实现网上商店中的购物车呢:某个用户从网站的登录页面登入后,再进入购物页面购物时,负责处理购物请求的服务器程序必须知道处理上一次请求的程序所得到的用户信息。 作为 web 服务器,必须能够采用一种机制来唯一地标识一个用户,同时记录该用户的状态。 WEB应用中的 会话 是指一个客户端浏览器与WEB服务器之间连续发生的一系列请求和响应过程。WEB应用的 会话状态 是指WEB服务器与浏览器在会话过程中产生的状态信息,借助会话状态,WEB服务器能够把属于同一会话中的一系列的请求和响应过程关联起来。 WEB服务器端程序要能从大量的请求消息中区分出哪些请求消息属于同一个会话,即能识别出来自同一个浏览器的访问请求,这需要浏览器对其发出的每个请求消息都进行标识:属于同一个会话中的请求消息都附带同样的标识号,而属于不同会话的请求消息总是附带不同的标识号,这个标识号就称之为会话ID(SessionID)。 在 Servlet 规范中,常用以下两种机制完成会话跟踪 Cookie Session 一、Cookie cookie机制采用的是在客户端保持 HTTP 状态信息的方案

爬虫入门三(代理和cookie)

笑着哭i 提交于 2019-12-06 22:30:30
1、代理 概念 代理概念:代理服务器。 作用:接受请求==》请求转发。 代理和爬虫之间的关联: 可以使用请求转发的机制使得目的服务器接收到的请求对应ip的一个改变。 为什么要使用代理改变请求的ip地址? 爬虫程序在短时间内对指定的服务器发起了一个高频的请求,则请求对应的ip可能会被目的服务器禁止。 代理的一些基础知识: 代理的匿名度: 透明代理:目的服务器知道你使用了代理机制并且也知道你的真实IP 匿名代理:知道使用了代理机制,但是不知道你的真实ip 高匿代理:不知道使用了代理,也不知道你的真实ip 代理的类型: http https 免费代理ip: 快代理 西祠代理 www.goubanjia.com 代理精灵 示例1:测试代理是否会生效 #准备: #代理ip和端口号 #测试的过程 import requests url = 'https://www.baidu.com/s?ie=utf-8&wd=ip' headers = { 'User-Agent':'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36' } page_text = requests.get(url=url,headers

PHP 核心知识要点

蹲街弑〆低调 提交于 2019-12-06 21:37:48
Php:脚本语言,网站建设,服务器端运行 PHP定义:一种服务器端的 HTML 脚本/编程语言,是一种简单的、面向对象的、解释型的、健壮的、安全的、性能非常之高的、独立于架构的、可移植的、动态的脚本语言。是一种广泛用于 Open Source(开放源代码)的尤其适合 Web 开发并可以嵌入 HTML 的多用途脚本语言。它的语法接近 C,Java 和 Perl,而且容易学习。该语言让 Web 开发人员快速的书写动态生成的网页。 PHP简介:Rasmus Lerdorf发展历程(1994:1.0个人perl,1996:2.0C底层,1998:3.0zendEngine,2000:4.0session+输出缓冲等,2004:5.0zend引擎2代),平台支持(window,Linux,UNIX),数据库支持(Sqlserver,mysql,Oracle,Access),开发环境(Apache2,mysql,php) 服务器:软件,常见服务(HTTP,FTP,MySQL,telnet等) 软件结构:c\s,b\s,PHP地位 Web访问:IP,域名,hosts,域名服务器,网站,web访问 原数据保存:php文件,数据库文件 搭建web服务器:   Wamp,lamp,Apache安装(www.apache.org)   MySQL安装   PHP安装(无中文路径,CMD执行php.exe

cookies,sessionStorage 和 localStorage 的区别

情到浓时终转凉″ 提交于 2019-12-06 21:27:36
cookies,sessionStorage 和 localStorage 的区别? sessionStorage 用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。 因此 sessionStorage 不是一种持久化的本地存储,仅仅是会话级别的存储。而 localStorage 用于持久化的本地存储,除非主动删除数据,否则数据是 永远不会过期的。 web storage 和 cookie 的区别 Web Storage 的概念和 cookie 相似,区别是它是为了更大容量存储设计的。Cookie 的大小是受限的,并且每次你请求一个新的页面的时候 Cookie 都 会被发送过去,这样无形中浪费了带宽,另外 cookie 还需要指定作用域,不可以跨域调用。 除此之外,Web Storage 拥有 setItem,getItem,removeItem,clear 等方法,不像 cookie需要前端开发者自己封装 setCookie,getCookie。但是 Cookie 也是不可以或缺的:Cookie的作用是与服务器进行交互,作为HTTP 规范的一部分而存在 ,而 Web Storage 仅仅是为了在本地存储数据而生。 来源: https://www.cnblogs.com/zienlove/p/11997840

JS原生系列-DOM篇(扩展)

自闭症网瘾萝莉.ら 提交于 2019-12-06 21:21:32
继续DOM的研究工作,我们扩展对dom api的学习! 1.介绍针对低级浏览器,能力的监测处理: 2.针对移动端,touch事件的介绍: 3.最后做几个网页实例! 4.ajax的介绍:ajax输出json格式文件 jsonp的介绍 xhr2的介绍 http://www.w3school.com.cn/ajax/ajax_xmlhttprequest_create.asp 5.cookie的介绍:设置cookie和删除cookie 6.html5 存储的介绍:web客户端存储(local Storage sessions Storage) 缓存( cache manifest 文件) 7.html5中新元素如canvas,video、audio的api简单介绍 http://www.w3school.com.cn/tags/html_ref_audio_video_dom.asp http://www.w3school.com.cn/tags/html_ref_canvas.asp 8.html设备支持的接口介绍:webaudio 9.其他dom接口相关介绍: 一、dom 能力监测处理 对于ie,我们是十分痛恨的,布局的时候,为了兼容低级ie或者特殊浏览器布局我们要做hack处理, 同样,js也是如此,我们介绍的都是满足w3c的dom api,针对低级ie还有特殊浏览我们要做兼容处理

前端性能优化相关问题

不羁岁月 提交于 2019-12-06 19:28:23
前端优化搜索引擎(seo): 合理的title,description,keywords 搜索引擎对这三项的权重逐个减小:title值强调重点即可,关键词设定要突出,重要的关键词不要出现超过两次,而且要靠前,不同页面的title有所不同;description围绕网站主题内容和目标关键字,对网站做概要介绍,要能突出特点,体现优势,不过分堆砌关键字,不同页面的description有所不同;keyword应将title中的关键词,包括长尾中的段关键词罗列。 语义化标签让搜索引擎容易理解网页:恰当使用语义化的html标签、class类名等内容,让页面具有良好的结构和含义,便于浏览器、搜索引擎解析。网站的导航尽量使用纯文字进行导航。 重要内容的html代码放在最前面:seo抓取html顺序是由上至下。 重要内容不用js输出:爬虫不会执行js获取内容。 少用iframe:搜索引擎不会抓取iframe中的内容。 非装饰性图片必须加alt。 提高网站速度:网站速度是搜索引擎排序的一个重要指标。 如何进行网站性能优化: 减少http请求:合并css、合并js、利用css sprtes图片精灵合并图片、用LazyLoad Images使得页面刚加载时减少http请求数。 将css放在页面最上部,使用<link>引入,不使用@import编写样式。 将js放在页面最下面,如果页面解析时就需要用到js

简述session和cookie

元气小坏坏 提交于 2019-12-06 18:34:41
cookie: 1.Cookie是HTTP协议的规范之一,它是服务器和客户端之间传输的小数据 2.由服务器通过响应头把Cookie传输给客户端,客户端会将Cookie保存起来 3.当客户端再次请求同一服务器时,客户端会在请求头中添加该服务器 保存的Cookie,发送给服务器。 4.Cookie就是服务器保存在客户端的数据 5.是一个键值对 规范: 1.Cookie通过请求头和响应头在服务器与客户端之间传输 2.Cookie大小限制在4KB之内 3.一台服务器在一个客户端最多保存20个Cookie 4.一个浏览器最多可以保存300个Cookie session: 服务器可以为每个用户浏览器创建一个会话对象(session对象) 服务器将用户的数据保存到用户浏览器独占的session中 原理: 基于cookie实现 当用户第一次使用session时(表示第一次请求服务器),服务器 会创建session,并创建一个Cookie,在Cookie中保存了session 的id,发送给客户端。 当用户在下次访问时,会在请求中把保存了sessionId的Cookie 发送给服务器,服务器通过sessionId查找session对象,然后给使用。 关闭浏览器和长时间无动作,session会失效 两者区别: 1. Cookie是把用户的数据写给用户的浏览器。 2.

Python3网络爬虫教程6——cookie & session(cookie的属性,保存及模块的使用)

 ̄綄美尐妖づ 提交于 2019-12-06 18:33:55
上接: Python3网络爬虫教程5——ProxyHandler处理(代理服务器和代理IP) https://blog.csdn.net/u011318077/article/details/86538042 4. cookie & session 产生的原因: 由于HTTP协议没有记忆性,人们为了弥补这个缺陷,所采用的一个补充协议 cookie是发放给用户(即http浏览器)的一段信息,session是保存在服务器上的 对应的另一半信息,用来记录用户的信息 cookie和session的区别 存放位置不同 cookie不安全 session会保存在服务器上一段时间,有一定的期限,会过期 单个cookie数据不超过4KB,很多浏览器限制一个站点最多保存20个 session的存放位置 存在服务器端 一般情况,session是放在内存中或者数据库中 没有cookie登陆,模拟登陆人人网 看案例43_11 没有cookie的登陆,返回的网页为未登陆状态,自动跳转到登陆首页 案例 43_11 # 没有cookie登陆,模拟登陆人人网 # 先登陆自己人人网个人主页,复制主页的网址, # 如果关闭浏览器后再次打开浏览器,粘贴网址,由于浏览器保存了cookie信息,会进入到个人主页 # 个人主页地址复制到另外一台电脑登陆或者另外一个浏览器,由于没有cookie登陆会跳转到人人网主页