概述 JavaScript ES7的async/await语法让异步promise操作起来更方便。如果你需要从多个数据库或者接口按顺序异步获取数据，你可能最终写出一坨纠缠不清的promise与回调。然而使用async/await可以让我们用更加可读、可维护的方式来表达这种逻辑。 这篇教程以图表与简单例子来阐述JS async/await的语法与运行机理。 在深入之前，我们先简单回顾一下promise，如果对这方面概念...

不像响应式布局，通过media query，设置几个变化点来适配，流体排版通过调整大小，适配所有设备宽度。这个方法可以使我们开发的网页，在几乎所有屏幕尺寸上都可以使用。但出于一些原因，它的使用率还远远没有响应式技术高。 在印刷的历史上，排版是根深蒂固的。关于“流体”的概念，在传统思想里并不存在。这是因为，在印刷上，尺寸大小都是有固定的，不用考虑在页面上使用。...

“消除阻塞渲染的 CSS 和 JavaScript ”。 这一条 Google Page Speed Insights的建议总让我困惑。 当一个网页被访问时，Google 希望它仅加载对初始视图有用的内容，并使用空闲时间来加载其他内容。这种方式可以使用户尽可能早地看到页面。 我们可以做很多事情来减少阻塞渲染的 JavaScript，例如 code splitting、tree shaking，缓存等。 但是如何减少阻塞渲染的 CSS？为此，...