前言 回流和重绘是前端开发的高频词汇之一，你可以在各种面经，性能优化相关文章可以看到，但是很多都是草草带过。本文带你从浏览器渲染流程中了解回流与重绘的原理。 浏览器渲染流程 浏览器的主要功能就是向服务

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。 多进程/多线程模型 主要进程类型 浏览器进程：浏览器主进程，仅有一个，用于进程、资源调度和控

描素: 当ie6及更低版本浏览器在解析浮动元素时会错误的把浮动边边距（margin）加倍显示。 描素：在ie6以及以下版本中解析百分比时会四舍五入方式计算从而导致50%加50%大于100%的情况。（也会受系统影响） ie：document.idname 或者 document.…

开发者常常问我关于像素工作流程的某些部分，什么时候、为什么、发生了什么。所以我感觉值得提供一些参考，有关于将像素显示在屏幕上的过程里发生了什么。 警告：文本是 Blink（译注：Chrome 使用的排版引擎，是 webkit 的分支）和 Chrome 的视角。主线程的大部分任务…

不过这个问题对缓存会有一个更详尽的解释。我相信你看完这篇文章后对缓存会有一个全新的认识，如果没有那就再看一遍。 在这篇文章，我会详尽的描述从输入 URL 到展现涉及到的缓存环节，不过由于本人知识有限，很可能有某些隐藏的缓存机制在下遗漏了，还请大佬不吝赐教。 输入 url 后遇到…

欢迎来到旨在探索 JavaScript 以及它的核心元素的系列文章的第四篇。在认识、描述这些核心元素的过程中，我们也会分享一些当我们构建 SessionStack 的时候遵守的一些经验规则，一个 JavaScript 应用应该保持健壮和高性能来维持竞争力。 这次我们将展开第一篇…

PS: 好久没写东西了，最近一直在准备写一个自己的博客，最后一些技术方向已经敲定了，又可以开心的学习了，node系列后续再开始。 随着JavaScript越来越流行，越来越多的团队广泛的把JavaScript应用到前端、后台、hybrid 应用、嵌入式等等领域。 这篇文章旨在深…

作为前端er，我们的工作与web是分不开的，随着HTML5的日益壮大，浏览器自带的webapi也随着增多。本篇文章主要选取了几个有趣且有用的webapi进行介绍，分别介绍其用法、用处以及浏览器支持度，同时我也分别为这几个api都做了一个简单的demo（真的很简单，样式等于没有~…

前言： 学前端前，我常用的浏览器是搜狗、360，搜索引擎用的是百度。学前端后，谷歌算是重新为我打开了认识新世界的大门。但不管用什么浏览器，登录网站都是我们每一个互联网人每天都会做的事。 首先，打开你最常浏览的一个网站，在最上方的地址栏里，你将会看到一连串的字符。例如知乎： 上边…