前端圈真乱，这话一点不假。但乱也乱的好处，乱则生变，有变化才有进步。今天还是老调重谈，聊聊移动端页面的适配。因为对于一枚前端而言，天天和页面打交道（H5页面），那么布局的活总是少不了，这也将面临不同终端的适配问题。不知道你是否和我一样，页面布局总是或多或少会有一些蛋疼的事情发生。如果是的话，建议你花点时间阅读完下面我扯蛋的东东。

PostCSS是一种工具，一款已成长为像Sass和LESS一样主流的处理器，这一切都归功于它的强大、速度和易用性。《深入PostCSS Web设计》是使用PostCSS的完全指南，《深入PostCSS Web设计》将指导你如何编写优秀的样式，并将其运用到Web页面，同时让你的样式保持可维护性。这本《深入PostCSS Web设计》将向你展示如何利用PostCSS简化样式表的整个过程。它涵盖了给Web页面添加动态的、现代的样式特性的各种技术。随着内容的深入，你将学习如何使用PostCSS来让CSS更具模块化的特性、更易于维护。读完《深入PostCSS Web设计》，你将掌握如何给Web添加CSS样式表，以及如何创建高执行，可维护的样式表。

ES6中引入了模板字符串（Template Literal），是创建字符串的一种新方法。有了这个新特性，我们就能更好地控制动态字符串。这将告别长串连接字符串的日子。要创建一个模板字符串，我们可以使用反引号（撇号）字符替找单引号'或"。这将产生一个新的字符串，我们可以以任何方式使用它。

几周前，我举办了一个有关于CSS Grid Layout的研讨会。我和大多数人一样，对这个话题也很陌生，我在准备PPT和DEMO的时候学到了很多东西。我决定和大家一起分享一些我觉得其中特别感兴趣的东西。希望大家对这些也会感兴趣。

在 ES6 中引入了一种新的字符串字面量 —— 模板字符串，除了使用反引号 (`) 表示，它们看上去和普通的字符串没有什么区别。在最简单的情况下，他们就是普通的字符串。之所以被称为模板字符串，是因为模板字符串为 JS 引入了简单的字符串插值特性，也就是说，可以方便优雅地将 JS 的值插入到字符串中。

过去，JavaScript的变量声明机制不像C语言一样，在声明变量的同时也会创建变量（绑定）。在以前的JavaScript中何时创建变量要看怎么声明变量。在以前的变量作用域有全局作用域和局部作用域，但不像其他的程序语言有块作用域一说。在ES6中新引入的块级作用域绑定机制。

ES6提供了两种新的声明变量的方法：let和const，它们主要替换ES5中使用var声明变量。

这篇文章主要探讨和学习如何在ES6中处理变量和作用域。

今天想继续 CSS 的议题，常常会觉得学 CSS 的新技术不太划算，因为每次看到新的 Feature 出现，都只能当下兴奋几分钟，然后就会认命接受可能还要再等个五年才能真正使用的可能性…如果你有跟我一样的感受，那今天这篇文章或许可以带给你一丝丝希望。