qq_47443027的博客

vue-cli的跨域处理——代理配置(proxy)

在上篇文章中，我们介绍了渲染流水线中的 DOM 生成、样式计算和布局三个阶段，那今天我们接着讲解渲染流水线后面的阶段。　　这里还是先简单回顾下上节前三个阶段的主要内容：　　1、在 HTML 页面内容被提交给渲染引擎之后，渲染引擎首先将 HTML 解析为浏览器可以理解的 DOM；　　2、然后根据 CSS 样式表，计算出 DOM 树所有节点的样式；　　3、接着又计算每个元素的几何坐标位置，并将这些信息保存在布局树中。一、分层 - 图层树　　现在我们有了布局树，而且每个元素的具体位置信息都

在上一篇文章中我们介绍了导航相关的流程，那导航被提交后又会怎么样呢？就进入了渲染阶段。　　这个阶段很重要，了解其相关流程能让你“看透”页面是如何工作的，有了这些知识，你可以解决一系列相关的问题，比如能熟练使用开发者工具，因为能够理解开发者工具里面大部分项目的含义，能优化页面卡顿问题，使用 JavaScript 优化动画流程，通过优化样式表来防止强制同步布局，等等。　　既然它的功能这么强大，那么今天，我们就来好好聊聊渲染流程。　　为了能更好地理解下文，你可以先结合下图快速抓住 HTML、CSS 和

　“在浏览器里，从输入 URL 到页面展示，这中间发生了什么？ ”这是一道经典的面试题，能比较全面地考察应聘者知识的掌握程度，其中涉及到了网络、操作系统、Web 等一系列的知识。在面试应聘者时也必问这道题，但遗憾的是大多数人只能回答其中部分零散的知识点，并不能将这些知识点串联成线，无法系统而又全面地回答这个问题。那么今天我们就一起来探索下这个流程，下图是梳理出的“从输入 URL 到页面展示完整流程示意图”：　　从图中可以看出，整个过程需要各个进程之间的配合，所以在开始正式流程之前，我们还是先来快速回

　在衡量 Web 页面性能的时候有一个重要的指标叫“FP（First Paint）”，是指从页面加载到首次开始绘制的时长。这个指标直接影响了用户的跳出率，更快的页面响应意味着更多的 PV、更高的参与度，以及更高的转化率。那什么影响 FP 指标呢？其中一个重要的因素是网络加载速度。　　一个数据包的“旅程”：下面我将分别从“数据包如何送达主机”、“主机如何将数据包转交给应用”和“数据是如何被完整地送达应用程序”这三个角度来为你讲述数据的传输过程。　　互联网，实际上是一套理念和协议组成的体系架构。其中，协

一个 TCP 连接过程包括了建立连接、传输数据和断开连接三个阶段。　　而 HTTP 协议，正是建立在 TCP 连接基础之上的。HTTP 是一种允许浏览器向服务器获取资源的协议，是 Web 的基础，通常由浏览器发起请求，用来获取不同类型的文件，例如 HTML 文件、CSS 文件、JavaScript 文件、图片、视频等。此外，HTTP 也是浏览器使用最广的协议，所以要想学好浏览器，就要先深入了解 HTTP。　　不知道你是否有过下面这些疑问：1、为什么通常在第一次访问一个站点时，打开速度很慢，当再次