ETAG 属于条件请求(Conditional Request)范畴下的概念。 条件请求是浏览器可以询问服务器是否有更新的资源副本的请求。 浏览器将发送一些关于它所持有的缓存资源的信息，服务器将确定是否应该返回更新的内容或者浏览器的副本是最新的。 在后者的情况下，返回 304（未修改）的 HTTP 状态。
前端开发人员的一个常见误区就是，看到下图这种没有附带 cache control 的 HTTP 响应头部字段，就误认为 HTTP 缓存已经被禁用了，其实不然。 省略 Cache-Control 响应标头不会禁用 HTTP 缓存！ 相反，浏览器有效地猜测哪种类型的缓存行为对给定类型的内容最有意义。 版本化的 URL 是一种很
除了对缓存逻辑能提供更细粒度的控制之外，Service Worker 缓存还提供： 为您的源提供更多内存和存储空间：浏览器按源分配 HTTP 缓存资源。 换句话说，如果您有多个子域，它们都共享相同的 HTTP 缓存。 无法保证您的源/域的内容会长时间保留在 HTTP 缓存中。 例如，用户可以通过从浏览器的
简介： history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。允许操作浏览器的曾经在标签页或者框架里访问的会话历史记录。 注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象
一、BOM的概述 虽然 ECMAScript 把浏览器对象模型（BOM，Browser Object Model）描述为 JavaScript 的核心，但实际上 BOM 是使用 JavaScript 开发 Web 应用程序的核心。BOM 提供了与网页无关的浏览器功能对象。 二、BOM的结构 三、window 1、window概述 BOM 的核心是 window 对象。windo
浏览器对象模型（BOM）使得JavaScript能够和浏览器对话。 JS Window Location相关属性 1. location.hostname: 返回Web主机的域名 2. location.pathname: 返回当前页面的路径和文件名称 3. location.port: 返回Web主机的端口 4. location.protocol: 返回所使用的web协议(eg: http、h
在安装中，如果没有输入 playwright install, 则不会安装浏览器，运行 playwright codegen 时会报浏览器找不到的错误： "chromium" browser was not found. Please complete Playwright installation via running "python -m playwright install" playwright 有自己管理浏
浏览器缓存分为两种： 强缓存 协商缓存 强缓存： 在规定的时间内，不询问服务器，强制使用浏览器缓存。 时间的设置根据响应头的expires字段和cache-control字段。 expires的值是一个绝对时间，在这个时间之前，浏览器都会使用强缓存。缺点就是如果客户端和服务端时间不同步，会出现是
什么是CORS 全称Cross-Origin Resource Sharing ，是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the same-origin security policy）浏览器会禁止这种跨域请求。 CORS的原理 1、在数据包的头部配置Access-Control-A
BOM，BOM中的对象和方法 BOM的概念 BOM 是Browser Object Model的缩写，简称浏览器对象模型提供了独立于内容而与浏览器窗口进行交互的对象，用于访问浏览器的功能。 JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C, 但是BOM缺乏标准.由于BOM 缺少规范，每个浏览器提供商又按照
1、 会话跟踪技术 概念 会话：用户打开浏览器，访问web服务器的资源，会话建立，直到有一方断开连接，会话结束，在一次会话中可以包含多次请求和响应 HTTP协议是无状态的，每次浏览器向服务器请求时，服务器都会将该请求视为新的请求，因此我们需要会话跟踪技术来实现会话内数据共享 实现方式
一、为什么需要缓存 在前端开发中，我们主要追求的是性能和用户体验。对于一个网站查看性能最简单的方式就是打开网站的速度。而一个好的缓存策略可以大大提升网站的性能。使得已经下载后的资源被重复利用。减少客户端和服务器之间的请求次数，减少带宽，减少网络负荷。 二、什么是缓存
常见的抓不了浏览器的数据包，是无法抓所有浏览器的包，通过重置fiddler根证书再添加信任能够解决。 而我碰到的现象是chrome浏览器能抓到包，但Edge不行，往上找了很多办法花了很多时间尝试都没法解决。 冷静下来想想应该是跟Edge浏览器设置有关，在设置里找了一通，发现把Edge的浏览数据清除
一、需求描述 由于selenium自动化脚本被设置了定时任务每天会定时执行，脚本是有头模式的浏览器，即执行脚本时会打开浏览器，并且脚本是实现的是自动截图的一些功能，这就很不方便，比如在做其他事情，突然打开浏览器来截图会打断当前的事情并且可能会截到非访问页面的内容，这样自动发出去
目录selenium介绍基本使用selenium用法元素操作等待元素被加载元素各项属性执行js代码切换选项卡浏览器前进后退无界面浏览器异常处理登录获取cookie保存 selenium介绍 由于requests模块不能执行js，有的页面内容，我们在浏览器中可以看到，但是请求下来没有。 selenium模块：模拟操作浏览
故事背景 最近在做一个充值的页面，需求方很早之前便提过，需要对页面进行一定的安全保护，恰巧今天项目的小程序方面遭受到了XSS攻击，便想着深入一下前端安全方面。原本想了涉及到金钱交易的报文，已经加密了一层，但这其实也算是前后端的一种安全防范，那对于前端，难道没有任何其他的安全措施
在 Django 中可以通过 HTML Form 表单实现登录注册功能，但是在这之前，我们有必要简单介绍一下 Cookie 和 Session。比如在某些场景下，在排除用户手动删除浏览器 Cookie 以及 Cookie 未过期的情况下，用户如果在某网站登录过一次，下次访问这个网站，用户不需要输入用户名和密码就可以进入网
在《Django中Cookie和Session介绍（一）》一节，我们对 Cookie 进行了介绍，并知道在绝大多数实际场景中 Cookie 和 Session 是一起使用的，那么 Session 又是怎么回事呢？在本节我们将对 Session 进行介绍。了解完 Cookie 和 Session 后，我们就可以使用 HTML Form 表单实现一套完整的注册、登
JavaScript简介 概念：一门客户端脚本语言 运行在客户端浏览器中的，每一个浏览器都有JavaScript的解析引擎 脚本语言：不需要编译，直接就可以被浏览器解析执行了 功能： 可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验 JavaScrip
1、chrome版本比较齐全的网络下载地址：https://www.slimjet.com/chrome/google-chrome-old-version.php2、百度网盘包含的版本 百度网盘地址 1、Google_Chrome_(64bit)_v72.0.3626.119 2、Google_Chrome_(64bit)_v80.0.3987.87 3、Google_Chrome_(64bit)_v89.0.4389.82
DAY01 计算机的介绍 特点： 1.可以进行数值计算，可以进行逻辑计算 2.具有存储记忆功能 硬件：看得见，摸得着的 显示器，主机，存储器 软件：看得见，摸不着的 系统软件：操作系统：windows、Linux、UNIX等 应用软件：各类app C/S架构和B/S架构 1.C/S架构：需要安装 app C:client 客户机 由服务器S
目录浏览器是如何解析CSS选择器的？浏览器是如何进行界面渲染的？重绘(repaint)和重排(回流reflow)是什么?何时会触发重排？重绘重排角度, 我们应该如何优化页面渲染性能 ？ 浏览器是如何解析CSS选择器的？ 在生成渲染树的过程中，渲染引擎会根据选择器提供的信息来遍历 DOM 树，找到对应的 DOM
软件架构 javaWeb:使用java语言开发基于互联网的项目 软件架构： 1.c/s:Client/Server 客户端/服务器端 在用户本地有一个客户端程序 在远程有一个服务器端程序 如:QQ 迅雷... 优点 用户体验好 缺点 开发、安装、部署、维护、麻烦 B/S:Browser/Server 浏览器/服务器端 2
页面添加监听 mounted () { if (window.history && window.history.pushState) { // 向历史记录中插入了当前页 history.pushState(null, null, document.URL); window.addEventListener('popstate', this.goBack, false); } }, destroyed (
详解重绘与回流 不知道鸭关注 0.12021.12.22 12:05:49字数 2,401阅读 3,516 从输入url到看到页面，过程？ 1、输入url （ 协议、网络地址、资源路径 ） 2、查看浏览器缓存，看是否有缓存，如果有缓存，继续查看缓存是否过期，如果没有过期，直接返回缓存页面，如果没有缓存或者缓存过期，发送一个
