CedricD的博客

URL的输入到浏览器解析的一系列事件 简单来说，共有一下几个过程 DNS解析 发起TCP🔗连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析报文并渲染页面 连接结束 下面我们来看看具体的细节 DNS解析 DNS解析实际上就是寻找你所需要的资源的过程。假设你输入www.baidu.com，而这个网址并不是百度的真实地址，互联网中每一台机器都有唯一标识的IP地址，这个才是关键，但是它不好记，乱七八糟一串数字谁记得住啊，所以就需要一个网址和IP地址的转换，也就是DNS解析。下面看看具体的

重绘和回流会在我们设置节点样式时频繁出现，同时也会很大程度上影响性能。 重绘是当节点需要改变外观而不会影响布局，比如改变color就称为重绘 回流是布局或者几何属性需要改变就称为回流。 回流必定会发生重绘，重绘不一定会引发回流。回流所需的成本比重绘高的多，改变父节点里的子节点很可能会导致父节点的一系列回流。 以下几个动作可能会导致性能问题： 改变 window 大小 改变字体 添加或删除样式 定位或者浮动 盒模型 减少重绘和回流 使用 transform 替代 top <div class

Service Worker 涉及面试题：什么是 Service Worker？ Service Worker 是运行在浏览器背后的独立线程，一般可以用来实现缓存功能。使用 Service Worker的话，传输协议必须为 HTTPS。因为 Service Worker 中涉及到请求拦截，所以必须使用 HTTPS 协议来保障安全。 Service Worker 实现缓存功能一般分为三个步骤：首先需要先注册 Service Worker，然后监听到 install 事件以后就可以缓存需要的文件，那么在下次

存储 涉及面试题：有几种方式可以实现存储功能，分别有什么优缺点？ cookie，localStorage，sessionStorage，indexDB 我们先来通过表格学习下这几种存储方式的区别 特性 cookie localStorage sessionStorage indexDB 数据生命周期 一般由服务器生成，可以设置过期时间 除非被清理，否则一直存在 页面关闭就清理 除非被清理，否则一直存在 数据存储大小 4K 5M 5M 无限 与服务器通信 每次都会携带在请求报文中

浏览器渲染原理 前言： 学习浏览器渲染原理更多的是为了解决性能的问题，可以减少对性能造成的损伤。 浏览器接收到 HTML 文件并转换为 DOM 树 当我们打开一个网页时，浏览器都会去请求对应的 HTML 文件。虽然平时我们写代码时都会分为 JS、CSS、HTML 文件，也就是字符串，但是计算机硬件是不理解这些字符串的，所以在网络中传输的内容其实都是 0 和 1 这些字节数据。当浏览器接收到这些字节数据以后，它会将这些字节数据转换为字符串，也就是我们写的代码。 当数据转换为字符串以后，浏览器会先将这些字