web_ding的博客

浏览器页面的生命周期Android、iOS 和最新的 Windows 系统可以随时自主地停止后台进程，及时释放系统资源。也就是说，网页可能随时被系统丢弃掉。Page Visibility API 只在网页对用户不可见时触发，至于网页会不会被系统丢弃掉，它就无能为力了。为了解决这个问题，W3C 新制定了一个 Page Lifecycle API，统一了网页从诞生到卸载的行为模式，并且定义了新的事件，允许开发者响应网页状态的各种转换。有了这个 API，开发者就可以预测网页下一步的状态，.

如何处理浏览器的断网情况？好的断网处理会让人很舒适：lol的断线重连，王者荣耀的断线重连 可以确保游戏的继续进行坏的断网处理甚至不处理会出bug：比如我手上的项目就出了个bug 业务人员表示非常苦恼网络问题一直是一个很值得关注的问题。比如在慢网情况下，增加loading避免重复发请求，使用promise顺序处理请求的返回结果，或者是增加一些友好的上传进度提示等等。那么大家有没有想过断网情况下该怎么做呢？比如说网络正常->断网->网络正常。其实我一直也没想过，直到组里的测试

前言上一篇文章是在宏观视角下介绍了浏览器的渲染流程，而其中一些值得细讲的地方还没有详细整理，比如：DOM 树是怎么生成的？ 在解析 HTML 过程中遇到了 JavaScript 会怎么样？ 在 JavaScript 代码里面加入对 CSS 的处理又会怎么样呢？ 为什么要把 CSS 放在头部和把 JavaScript 放在尾部？HTML 解析器我们知道，从网络进程传给渲染进程的 HTML 文件字节流是无法直接被渲染引擎理解的，所以需要将其转化为渲染引擎能够理解的内部结构 DOM。那...

前言了解了浏览器的导航流程，就可以来回答 “从输入url按下回车到页面展示的过程中发生了什么？”这道经典问题的前半部分了，即从用户发出 URL 请求到页面开始解析的这个过程，也就是网络请求部分。我们知道，现在的 Chrome 浏览器是多进程架构，上面的这道经典问题涉及到的进程有浏览器进程、网络进程和渲染进程，先来简单回顾一下这三个进程的主要职责：浏览器进程：主要负责页面显示、用户交互、子进程管理、文件存储等功能。 网络进程：主要为浏览器进程和渲染进程提供网络请求资源功能。 ...

浏览器知识点整理（五）多进程架构这是我参与更文挑战的第18天，活动详情查看：更文挑战浏览器有很多功能，比如网络请求、页面渲染、JavaScript 执行和 Web 安全防范等等，而这些功能是分散在浏览器的各个功能组件中的，比较多也比较散，那么通过学习浏览器的多进程架构来把这些知识点串起来是很有必要的。在学习多进程架构之前先来理解一些概念，比如并行和并发、进程和线程。并发和并行并发：分别有任务 A 和 任务 B，在一段时间内通过任务之间的切换来完成这两个任务，这个情况是并发。 并行：还.

这篇文章主要介绍一些相关的网络协议，主要是 IP 协议、UDP 协议、TCP 协议、HTTP 协议和其它协议，还介绍了数据包传输的流程。前言互联网实际上是一套理念和协议组成的体系架构。其中，协议是一套众所周知的规则和标准，如果各方都同意使用，那么它们之间的通信将变得毫无障碍。我们常说的向服务器请求资源其实是我们的计算机（客户端）向另一台计算机（服务端）请求信息。而两个计算机之间的数据传输是通过数据包来传输的。如果发送的数据很大，那么该数据就会被拆分为很多小数据包来传输。数据在计...

这是我参与更文挑战的第16天，活动详情查看：更文挑战这篇文章整理浏览器的存储知识，主要是 Cookie、localStorage、sessionStorage、indexDB 等存储方式的介绍。CookieCookie是服务器委托浏览器存储的一些数据，它让服务器有了“记忆能力”，它会在浏览器下次向服务器再发起请求时被携带并发送到服务器上。Cookie 的工作过程会用到两个字段：响应头字段Set-Cookie和请求头字段Cookie。响应报文使用Set-Cookie字段发...

认识Dom（Document Object Model），W3C 制定的标准接口规范，是一种处理 HTML 和 XML 文件的标准 API。它把文档作为一个树形结构，树的每个结点表示了一个 HTML 标签或标签内的文本项

作为前端开发，但是一直对浏览器的执行方式模棱两可，对浏览器的执行也接近于黑盒，现在终于下定决心重新梳理一遍，前端对浏览器器知识点的梳理，来加深对浏览器相关知识点的理解。废话少说，开搞！！！...