越陌度阡

1. 输入URL，用户在浏览器的地址栏输入一个URL，并按下回车键；2. DNS解析；浏览器需要将域名转换为服务器的IP地址，以建立连接。(1). 如果浏览器缓存、操作系统缓存或路由器缓存中已有该域名的IP地址，则直接获取；(2). 否则，会向本地域名服务器发起DNS查询请求，通过递归查询的方式获得IP地址；3. TCP链接；浏览器与目标服务器之间使用三次握手建立TCP连接......

当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。整个渲染流程分为多个阶段，分别是： HTML 解析、样式计算、布局、分层、绘制、分块、光栅化、画页面。每个阶段都有明确的输入输出，上一个阶段的输出会成为下一个阶段的输入。这样，整个渲染流程就形成了一套组织严密的生产流水线。

JS是一门单线程的语言，这是因为它运行在浏览器的渲染主线程中，而渲染主线程只有一个。而渲染主线程承担着诸多的工作，渲染页面、执行JS都在其中运行。如果使用同步的方式，有极有可能导致主线程产生阻塞，从而导致消息队列中的很多其他任务无法得到执行。这样一来，一方面会导致繁忙的主线程白白的消耗时间，另一方面导致页面无法及时更新，给用户造成卡死的现象。所以浏览器采用异步的方式来避免。具体做法是当某些任务发生时，比如计时器、网络、事件监听，主线程将任务交给其他线程去处理，自身立即结束任务的执行……

开发Chrome插件首先就是配置manifest.json文件了，利用它我们可以定义在什么时机以及在什么网页执行什么脚本，有一些什么行为，下面我一起来看看这个文件有哪些配置项以及有什么作用：{ // 扩展名称 "name": "MyExtension", // 版本。由1到4个整数构成。多个整数间用"."隔开 "version": "1.0", // manifest文件版本号。Chrome18开始必须为2 "manifest_version": 2,

因业务需要，需要开发一款浏览器插件，这个浏览器插件安装在我们自己的运营系统上面，在系统里面点击某个公众号所对应的第三方平台时，浏览器新开一个窗口打开第三方平台。业务背景：小说分销业务，在第三方书城平台对接我们的公众号，由于第三方平台有点多，每个平台上面我们的公众号也很多，所以就有了我们自己的运营系统集中管理这些号，但是有时候想查看这些号在第三方平台的一些情况，就特别不方便，所以就有了开发这个插件的需求。Chrome插件如何开发，这里就不细说了，主要想讲一下实现思路：1. 由于页面上需要点击事

最近公司需要做一个电商平台店铺统计的系统，大致的需求是将某电商平台的多个店铺数据全部进行收集，放到公司内部自己的系统里进行管理和分析。为了获取店铺在电商平台的数据，就必须要解决电商平台的登录Cookie问题，拿到登录的Cookie后用接口模拟请拿到数据。为了图方便省事，于是写了一个小小的浏览器插件，专门用于获取登录Cookie，以下简单的对插件作一些介绍。1.manifest.json 文件{ "manifest_version": 2, "name": "电商系统插件", "versio.

一名优秀的前端程序员必需要了解浏览器渲染网页的过程，那么这个过程分为几步呢？1.解析HTML当浏览器通过网络接收页面的HTML数据时，它会立即设置解析器将HTML转换为文档对象模型(DOM)。文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构、样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将Web页面和脚本或程序语言连接起来。解.