事情要从最近看的《WebKit技术内幕》说起，第二章介绍了网页的结构，其中提到了Webkit硬件加速的方式，会把需要渲染的元素放到特定的『Composited Layer』中，在chrome的控制台可以这样开启：

回流与重绘对于前端来说可以说是非常重要的知识点了，我们不仅需要知道什么是回流与重绘，还需要知道如何进行优化。

重绘和回流是老生常谈的问题了，也是面试中经常能被问到的一个问题，小到页面中某一个dom元素样式发生改变，到输入url到浏览器中页面的展现，都离不开它们，今天也就聊一聊它们，顺带巩固一下自己的知识。 当浏览器进程把请求到的响应体数据交给渲染进程，通过解析HTML生成DOM树，解析…

写在前面 笔者最近面试恰好碰到此题，以往做这类的需求往往都是问设计师要两张呼吸前后的图片，更或者直接GIF完事，真要开始纯用CSS3的一时半会摸不着头脑，于是乎自己准备认真撸上一发按钮呼吸，看看有什么

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和…