作为开发人员，平时用的最多的就是Chrome devtools了，但是可能很多同学都像我一样平时用的最多也就只是Console和Elements面板了。 按Cmd + Shift + P（如果使用Windows，则按Ctrl + Shift + P）打开“命令”菜单。 当你只想…

你可能已经在你的项目中用上了CSS Animation和CSS transition。如果还没有用上，那你有点out了。快去看下CSS-Trick上的这两篇关于animation和transition的文章。你在使用中一定发现了有些动画很流畅，而有些则很卡。为什么呢？

浏览器里并不是每一个资源加载都很重要。 为了达到重要的资源先加载，浏览器有试探法，尝试对资源进行权重分配，例如CSS会在脚本和图片之前先加载。 因为浏览器在试探权重分配，所以并不总是分配的很正确，通常因为没有足够的信息，浏览器可能做出错误的决定。 浏览器里并不是每一个资源加载都…

浏览器渲染的原理是前端的必修课，今天我们就来聊聊浏览器渲染中合成层的概念，本文将介绍什么是合成层，以及它的一些特性和平常开发中的注意点