今年双11的整体节奏从之前的“光棍节”变为“双节棍”，具体业务上也有很多变化和调整，应了阿里的土话“唯一不变的是变化”。面对这些变化，是挑战也是机会，我们要做的就是，“既要”高效支撑保障业务先赢，“又要”确保体验和稳定性带给用户极致体验，“还要”追求创新让前端持续演进。为了实现…

为了配合单页面 Web 应用快速发展的节奏，近几年，各类前端组件化技术栈层出不穷。通过不断的版本迭代 React、Vue 脱颖而出，成为当下最受欢迎的两大技术栈。 仅 7 个月的时间，两个技术栈的下载量就突破了百万，React 甚至突破了千万。不管是现下流行的 React、Vu…

其实这篇文章只是对Inside look at modern web browser系列文章的总结。之前看过别人翻译的，感觉不是很通顺，就自己看了原文，并记录下个人的理解。 首先讲一下谷歌浏览器工作采用的架构。谷歌浏览器的架构，是采用下图所示的多进程架构。其中： 浏览器进程(B…

作为互联网项目，最重要的便是用户体验。在举国“互联网+”的热潮中，用户至上也已经被大多数企业所接收，特别是在如今移动端快速发展的时代，我们的网页不仅只是呈现在用户的PC浏览器里，更多的时候，用户是通过移动产品浏览我们的网页。加之有越来越多的开发者投入到Web APP和Hybri…

页面渲染过程要了解页面渲染，先造一个html文档首先是用户输入url，浏览器通过DNS查询要访问页面的IP，查询到后，浏览器会替用户去向这个IP地址发送请求拉取html文件，浏览器会派GUI线程去解析

在日常工作中，消息通信是一个很常见的场景。比如大家熟悉 B/S 结构，在该结构下，浏览器与服务器之间是基于 HTTP 协议进行消息通信： 对于这两种场景，相信大家都不会陌生。接下来，阿宝哥将介绍消息通信的另外一种场景，即父页面与 iframe 加载的子页面之间，如何进行消息通信…

这一步一定是在真正的请求之前，只有先检查缓存再请求，缓存的机制才会有效。 构建渲染树：把DOM树中的可见节点遍历出来，将CSSOM树上匹配的属性加上。CSS的匹配时从右到左的，要尽量避免过深的层级 布局：根据渲染树，输出一个盒子模型。会计算出精确的位置和大小，再将相对测量值转化…

在掘金上当了几年的伸手党，最近也准备输出一些自己的东西。 首先介绍一下我自己，17 年毕业于一所 211 学校，但是由于大学四年驰骋在召唤师峡谷，毕业时也没有找到一份大厂的工作，随便找了一家创业公司签了三方就去了。好在这家公司也挺给力，我这一呆就是三年，996 当着「全干工程师…