![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
浏览器相关知识
小小飞肖
no pain,no gain
展开
-
前端同一个浏览器不同tab页,某一tab页执行退出操作,刷新剩余的tab页时,用户呈现退出状态
业务场景:(前提是同一个浏览器页面1与页面2都处于登录同一个百度账号状态)我执行页面1中的,百度账号退出登录操作,然后接下来我去刷新页面2,此时发现页面2也是退出登录状态在同一个浏览器不同的tab页,共用一个session,当你在1点击退出之后,后端让session失效,在2刷新就会出现退出登陆的状态此场景牵涉到一个问题就是sessionstorage不会在同一浏览器的...原创 2019-07-29 11:23:41 · 2654 阅读 · 0 评论 -
浏览器协商缓存与强制缓存经典版
浏览器的缓存机制也就是我们说的HTTP缓存机制,其机制是根据HTTP报文的缓存标识进行的,所以在分析浏览器缓存机制之前,我们先使用图文简单介绍一下HTTP报文,HTTP报文分为两种:HTTP请求(Request)报文,报文格式为:请求行 – HTTP头(通用信息头,请求头,实体头) – 请求报文主体(只有POST才有报文主体),如下图HTTP响应(Response)报文,报文格式为...转载 2019-09-16 16:35:34 · 615 阅读 · 0 评论 -
前端页面优化二
主要包括网络加载类、页面渲染类、CSS优化类、JavaScript执行类、缓存类、图片类、架构协议类等几类;1、网络加载类(1)减少HTTP资源请求次数:在前端页面中,通常建议尽可能合并静态资源图片、JavaScript或CSS代码,减少页面请求数和资源请求消耗,这样可以缩短首屏加载时间,通过构建工具合并雪碧图、CSS、JavaScript文件等都是为了减少HTTP资源请求...转载 2019-09-06 11:29:32 · 162 阅读 · 0 评论 -
前端页面性能优化
网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等。而前端呢?其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。 而我们建设网站的目的是什么呢?不就是为了让目标人群来访问吗?所以我们可以理解成前端才是真正和用户接触的。除了后台需要在性能上做优化外,其实前端的页面更需要在性能优化上...转载 2019-09-05 10:49:40 · 329 阅读 · 0 评论 -
浅谈cookie
cookie的格式Cookie由变量名和值组成,类似Javascript变量。其属性里既有标准的Cookie变量,也有用户自己创建的变量,属性中变量是用“变量=值”形式来保存。 根据Netscape公司的规定,Cookie格式如下: Set-Cookie: NAME=VALUE;Expires=DATE;Path=PATH;Domain=DOMAIN_NAME;SECURE N...原创 2019-09-04 15:23:46 · 160 阅读 · 0 评论 -
前端浏览器的两种缓存:协商缓存和强缓存
1.浏览器缓存机制浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储,当访问者再次访问同一页面时,浏览器就可以直接从本地磁盘加载文档。浏览器缓存的优点有:减少了冗余的数据传输,节省了网费 减少了服务器的负担,大大提升了网站的性能 加快了客户端加载网页的速度浏览器缓存主要有两类:缓存协商和彻底缓存,也有称之为协商缓存和强缓存强缓存:不...原创 2019-08-16 10:19:07 · 806 阅读 · 0 评论 -
一个页面从输入URL到页面加载显示完成,这个过程都发生什么?
一般会经历以下几个过程:1、首先,在浏览器地址栏中输入url2、浏览器先查看浏览器缓存-系统缓存-路由器缓存,如果缓存中有,会直接在屏幕中显示页面内容。若没有,则跳到第三步操作。3、在发送http请求前,需要域名解析(DNS解析),解析获取相应的IP地址。4、浏览器向服务器发起tcp连接,与浏览器建立tcp三次握手。5、握手成功后,浏览器向服务器发送http请求,请求数据包。...转载 2019-08-16 10:05:16 · 850 阅读 · 0 评论 -
有关浏览器缓存的相关知识点
浏览器与服务器通信的方式为应答模式,即是:浏览器发起HTTP请求 – 服务器响应该请求,那么浏览器怎么确定一个资源该不该缓存,如何去缓存呢?浏览器第一次向服务器发起该请求后拿到请求结果后,将请求结果和缓存标识存入浏览器缓存,浏览器对于缓存的处理是根据第一次请求资源时返回的响应头来确定的。由上图我们可以知道: 浏览器每次发起请求,都会先在浏览器缓存中查找该请求的结果以及缓存标识 ...原创 2019-07-21 18:28:19 · 373 阅读 · 0 评论 -
浏览器页面优化的方法
1.减少http 请求;请求服务端接口的时候,进行判断,如果当前的请求可以复用先前的数据,则利用先前的数据,减少本次请求。2.尽可能减少dom操作;3.避免跳转;4.可缓存ajax;5.推迟加载内容;6.预加载;7.减少dns查找次数;8.使用雪碧图;9.把样式表置于页面顶部;10.把脚本置于页面底部;...原创 2019-07-24 16:08:40 · 292 阅读 · 0 评论 -
http状态码
206HTTP/206 “Partial Content”响应是在客户端表明自己只需要目标URL上的部分资源的时候返回的.这种情况经常发生在客户端继续请求一个未完成的下载的时候(通常是当客户端加载一个体积较大的嵌入文件,比如视屏或PDF文件),或者是客户端尝试实现带宽遏流的时候....原创 2019-09-21 21:36:39 · 82 阅读 · 0 评论