浏览器

输入进入合成器 这是 Chrome 内部的 4 部分博客系列的最后一篇；调查它如何处理我们的代码以显示网站。在上一篇文章中，我们查看了渲染过程并了解了合成器。在这篇文章中，我们将了解当用户输入进入时合

引言 目前各种前端框架层出不穷，我们只有掌握底层本质的知识才能轻松理解上层应用，本来将从v8执行机制角度说明白一些概念和原理。 1. 编译器和解释器 由于机器不能直接理解我们的代码，所以在执行程序之前

引言 我们知道每个渲染进程都有一个主线程，既要处理DOM，又要计算样式、处理布局及JavaScript任务，要让这么多不同类型的任务在主线程中有条不紊地执行，需要一个系统来调度这些任务，也就是本文要讲

Opera 将repaint 和 reflow 列为导致 JavaScript 缓慢的三个主要因素之一，因此它绝对值得一看，值得一学。

众所周知，JavaScript 是单线程的语言。当我们面临需要大量计算的场景时（比如视频解码等），UI 线程就会被阻塞，甚至浏览器直接卡死。

今天，我们很高兴地宣布我们支持并与第三方共同合作来推进 新的 Stage 0 提案，以此为 JavaScript 带来可选和可擦除的类型语法。因为这种新语法不会改变周边代码的运行方式，所以它可以有效地

写了这么久代码，居然没有思考过为什么web端能访问到process.env这个属性，有时候不能光写代码，还要学会思考

网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、input 等，这些都是由用户

作为一个前端开发者，我们每时每刻都跟浏览器打交道，在开发的过程中，我们需要不断的在浏览器中查看编写的成果，合理使用浏览器的控制台功能，将有助我们快速开发，节约时间以获得更多时间体验生活...

学习浏览器的强缓存、协商缓存，了解它们的不同机制和使用场景，利用缓存机制提高网站性能，一般常见的nginx配置

引言 虽然JavaScript不需要我们管理内存，但是我们如果了解数据在内存中的存储方式是非常有必要的。看个简单的例子 上面例子为什么修改基本类型和修改引用类型结果与预期不一致呢？要想彻底弄清楚这个问

Chrome 的多进程架构 进程 & 线程 在谈浏览器多进程架构之前，我们先聊聊进程和线程的概念。 进程是系统进行资源调度和分配的的基本单位，一个进程可以认为是一个程序的运行实例。启动一个程序的时候，

当你用网页在视频网站刷视频的时候，有没有碰到过一个 BGM 激起你内心的波澜，而你却不知道它的名字。此时只能打开手机进行听歌识曲，而通过一个浏览器的插件却更容易解决这个问题

今天来看看console调试的那些实调试用技巧，浏览器的开发者工具为我们提供了强大的调试系统，可以用来查看DOM树结构、CSS样式调试、动画调试、JavaScript代码断点调试等。

引言 在网络中，一个文件会被拆分成很多数据包进行传输，在传输过程中有可能会出现丢包或者出错的情况，那么是如何保证页面文件被完整送达浏览器的? 下面通过数据包如何送达主机、主机如何将数据包转交给应用和数

通过 Main 指标完整地分析了一个页面从加载到显示的过程，了解这个流程，自然就会去分析页面的性能瓶颈，比如你可以通过 Main 指标来分析 JavaScript 是否执行时间过久等等

将来有一天，有人指着他们的电脑设备，他们不会指着他们的笔记本电脑，或他们的手机，或他们的眼镜，甚至他们的微波炉，他们会指着天空说："处处都有它......它无处不在！"

介绍 浏览器现在提供很多存储方法，比如cookie,localStorage,sessionStorage, indexedDB等。但是他们有什么区别呢？今天我们一起复习一下。 HTTP Cookie

在 canvas 中进行排版布局的一些实践，在 web 以及各类小程序（如微信小程序）上该方案均适用。

最近一直在思考，自己是否对工具缺乏思考，每天都在用那几个功能，从来不关心它的迭代，在我手里貌似并不能体现出它应有的价值。 所以想仔细梳理下，探索下那些不为人知但是很实用的功能。 1. 截图功能 我们平