使用纯 CSS 制作步骤进度条 步骤进度条的使用场景很多，比如说购物流程 、订单流程、面试流程等都要用到它。网上常见的做法是使用 CSS 图片精灵，该做法的优点是兼容性强，但缺点也很明显：难以自适应设备，而且会加载额外的 图片资源。有没有更好一点的办法呢？下面实例将使用纯 CSS 来制作面试步骤进度条。

使用 Chrome DevTools 的 Timeline 进行性能优化 我们都希望创建高性能的 Web 应用程序。由于我们的应用程序变得越来越复杂，我们可能想要支持丰富的画面以及理想的 60 帧/秒，这能保证我们的应用程序响应灵敏且生动流畅。知道如何衡量和提高性能，是一个有用的技能，在这短短的文章中，我会带您简单回顾关于如何通过 Chrome DevTools 的 Timeline 和 Profiles 做到这一点。

Reflow 和 Repaint 简介 什么是回流(reflow)与重绘(repaint)？要回答这个问题，得先认识一下浏览器原理，最主要的是要了解浏览器如何渲染网页。

Web页面自适应屏幕的方法 Web 移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。

使用 CSS3 新特性分享 Web 移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。