我们很容易将浏览器引擎看作是一个黑盒子,就像电视数据一样,黑盒子会指出显示的数据。那么浏览器是怎么把资源/数据转换到我们所看到的网页的呢 HTML描述了网页的结构。为了理解HTML,浏览器引擎首先必须将其转换为DOM(文档对象模型)。浏览器引擎中拥有解析器,它用于将HTML中的…

U4 内核特性支持文档是用来干嘛的呢，就是用来查资不资瓷的标准规范啊。以往，我们需要了解哪个特性被 U4 内核支持了，总要确认下是 U4 什么版本，然后对应是 m57 还是 m40，再去 caniuse 查看支持程度，而现在不需要这么麻烦了。 在这个文档上，你可以很方便快速查询…

浏览器的日常生活

分享目的： 解释浏览器如何将 HTML、CSS 和 JavaScript 转换为我们可以与之交互的网站，了解这个过程，可以帮助我们优化 Web 应用程序，从而获得更快的速度和更好的性能。 1. html解析 数据是以“数据包”的形式通过互联网发送，而数据包以字节为单位。当你编写…

一般情况下我们从0开始肯定是写一个hello world的。 Chrome插件开发从0开始的话就是要写一个书签。 为什么写一个书签插件呢，因为自带的书签那横条真的很占地方，然后书签操作的一些代码又是可以直接调api自带方法的。

Puppeteer(中文翻译”木偶”) 是 Google Chrome 团队官方的无界面（Headless）Chrome 工具，它是一个 Node 库，提供了一个高级的 API 来控制 DevTools协议上的无头版 Chrome 。也可以配置为使用完整（非无头）的 Chrom…

众所周知JavaScript是基于单线程运行的，同时又是可以异步执行的，一般来说这种既是单线程又是异步的语言都是基于事件来驱动的，恰好浏览器就给JavaScript提供了这么一个环境 在我电脑上输出的是: test: 5.4892578125ms ---2--- ---1---…

本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。据作者透露一共有 24 篇，一直更新到 12 月 24 日 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 26. 给 logs 加上时间戳 如果想要给你的应用中发生的事件…

当浏览器拿到HTML文档时首先会进行HTML文档解析，构建DOM树。DOM树的构建是从接收文档开始的，然后一边将字节转化为字符，字符转化为标记。这个过程是一个渐进式的，一边接收和处理网络中的其他内容，呈现引…