这是一道经典面试题：从输入 URL 到页面呈现发生了什么？
2021-01-17
深入理解浏览器缓存机制
一、前言缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。
对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三
2021-01-16
深入了解浏览器存储
前言随着移动网络的发展与演化，我们手机上现在除了有原生 App，还能跑“WebApp”——它即开即用，用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲美的功能和体验。WebApp 优异的性能表现，有一部分原因要归功于浏览器
2021-01-14
浏览器的回流与重绘 (Reflow & Repaint)
写在前面在讨论回流与重绘之前，我们要知道：
浏览器使用流式布局模型 (Flow Based Layout)。浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。有了RenderTr
2021-01-10
浏览器渲染原理
一、前言浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种：Trident（IE）、Gecko（火狐）、Blink（
2021-01-10
网络安全
一、前言浏览器安全可以分为三大块：
Web 页面安全
浏览器网络安全
浏览器系统安全
Web 世界是开放的，任何资源都可以接入其中，我们的网站可以加载并执行别人网站的脚本文件、图片、音频、视频等资源，甚至可以下载其他站点的可执行文件。
2021-01-07
WebSocket 详解
一、前言WebSocket 是 HTML5 新增的一种全双工通信协议，客户端和服务器基于 TCP 握手连接成功后，两者之间就可以建立持久性的连接，实现双向数据传输。
二、WebSocket 和 HTTP我们知道 HTTP 协议是一种单向的网
2021-01-06
DNS解析
一、用户在浏览器的地址栏中敲入了网站的网址 ，会发生哪些事情呢？
用户在浏览器的地址栏中敲入了网站的网址
浏览器查找域名的IP地址
找到ip地址后，浏览器给web服务器发送一个HTTP请求
服务器“处理”请求
服务器发回一个HTML响应
浏
2021-01-03
TCP/UDP详解
一、前言你知道三次握手和四次挥手吗，能不能讲讲其中过程？为什么不能两次握手？还有为什么要四次挥手才断开连接呢？
二、UDP连接用户数据包协议（User Datagram Protocol），简称 UDP，是基于 IP 之上开发能和应用打交道
2021-01-03
HTTP/HTTPS详解
一、前言HTTP 有时候面试官也会问到，简单的诸如 HTTP 状态码、GET 和 POST 区别。
这里会将 HTTP 相关知识点整理过来。
二、HTTP发展史2.1 HTTP/0.9传输体积很小的文件，没有 HTTP 请求头和请求体，服务
2021-01-03
前端实现Vue项目导出PDF
方式一：使用html2canvas和jspdf插件实现该方式是通过html2canvas将HTML页面转换成图片，然后再通过jspdf将图片的base64生成为pdf文件。
缺点：
生成的pdf质量不高，失真比较严重；
在分页处如果有图片
2020-12-26
HTML5的 input:file上传类型控制
一、input:file属性属性值有以下几个比较常用：
accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。
multiple：是否可以选择多个文件，多个文件时其value值为第一个文件的
2020-12-25