前端开发的浏览器知识

2024-06-09 05:48:54

前端开发的浏览器知识

1.1 在浏览器中输入url

用户输入url，例如http://www.feng.com。其中http为协议，www.feng.com为网络地址，及指出需要的资源在哪台计算机上。一般网络地址可以为域名或IP地址，此处为域名。使用域名是为了方便记忆，一串数字哦我们很容易会记错，但是为了让计算机理解这个地址还需要把它解析为IP地址。

1.2 查看浏览器缓存

如果访问过该url，会先进入浏览器缓存中查询是否有要请求的文件（浏览器缓存是在本地保存资源副本）。

当浏览器发现请求的资源已经在浏览器缓存中存有副本，它会拦截请求，返回该资源的副本，并直接结束请求，而不会再去源服务器重新下载。如果缓存查找失败，就会进入网络请求过程了。

在network中会标注该请求是在服务器中请求的还是浏览器缓存中的。

一条域名的DNS记录会在本地有两种缓存：浏览器缓存和操作系统(OS)缓存。

1.2.1 浏览器缓存 – 浏览器会缓存DNS记录一段时间。一般是2分钟到30分钟不等。查找浏览器缓存时会按顺序查找: Service Worker–>Memory Cache–>Disk Cache–>Push Cache。

Service Worker：

是运行在浏览器背后的独立线程，一般可以用来实现缓存功能。使用 Service Worker的话，传输协议必须为 HTTPS。因为 Service Worker 中涉及到请求拦截，所以必须使用 HTTPS 协议来保障安全。Service Worker 的缓存与浏览器其他内建的缓存机制不同，它可以

前端开发的浏览器知识相关推荐

前端开发之基础知识-HTML（一）
1.1 html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网 ...
web前端开发常用浏览器介绍及运行配置
1.web前端开发常用浏览器介绍浏览器是用来检索展示以及传递web信息的应用程序,市面上比较常见的浏览器有IE浏览器.火狐浏览器.谷歌浏览器.Safari浏览器和欧朋浏览器等,其中IE.火狐和谷歌是 ...
前端开发跨浏览器计算页面大小、滚动高度
前端开发中跨平台.跨USER-AGENT的适配很繁琐想要得到浏览器px大小非常烦.因此以下2个函数非常实用这两个javascript函数很有用,用来计算浏览器页面大小,窗体大小,以及滚动高度,源码 ...
前端开发-跨浏览器测试工具
前端开发工作一项重要测试是使用跨浏览器检查工具,开发的代码是否符合浏览器的要求,推荐几个跨浏览器检查工具 1.BrowserShots 支持多种浏览器,包括一些旧浏览器,如 Lynx.Konquero ...
【WEB前端开发】基础知识大总结（HTML5+CSS3）
本文共一万七千字,十六个内容点,七十个知识点目录一.转义字符二.表单标签 1.form标签 2.input元素 3.label 标签 4.select 标签 5.button 元素三.语义化标 ...
前端开发静态常用知识
基础知识建站流程:注册域名(网址)-----租用服务器 ------ 网站建设-----网站推广------- 网站维护基本结构如下: <!DOCTYPE html> html5的声明 ...
前端开发重要基础知识
1. 元素水平居中与垂直居中 1.1 水平居中如果它是一个行内元素,就对它的父元素应用:text-align: center 如果它是一个块级元素,就对它自身应用:margin: auto 1.2 ...
17、前端开发：HTML知识补充——表格标签
1.table标签块元素 tr表示表格中的一行,有几个tr就有几行 td表示一个单元格,有几个td就有几个单元格 rowspan 纵向合并单元格 colspan 横向合并单元格举例:三行两列表 ...
16、前端开发：CSS知识总结——渐变
目录一.CSS3 渐变(Gradients) CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡. CSS3 定义了两种类型的渐变(gradients): 二.CS ...

最新文章

热门文章