滚动条主要是用来告诉用户当前显示的并不是所有的内容，滚动的话可以查看更多。但是，它们往往显示得很笨拙而且分散了用户的注意力，所以现代操作系统中已经开始对它们进行简化，通常是把它们完全隐藏起来，等到用户和可滚动的元素元素有实际交互的时候再出现。

在上一节的“通过调节亮度去强调”中，我们看到了通过调节亮度来让Web APP上的一些部分de-emphasize的方法，使用了一个半透明的黑色覆盖层。但是，当页面上有很多东西的时候，我们需要调暗很多，才可以为其上的文本提供足够的对比度，或是把用户的注意力转移到突出显示的盒子上或其它元素上边。还有一种更优雅的方式，如下图所示，是除了调光之外（或者直接不要调光）还把其它的所有东西都模糊。这看起来更真实，因为它模仿了我们看对象的视觉创建了一个深度，也就是当我们专心看物理上离我们近的东西时的视线。

很多时候，我们需要通过在元素背后添加一个半透明的深色叠加来让内容变暗，强调并提醒用户关注某个UI元素。例如，lightboxes和“quick tours”接口经常需要这种效果。

我把CSS的黑魔法和把CSS推动到极限当作我的至爱。许多人没有意识到这是有多么的强大（特别是结合Sass）的预处理技术。这篇文章结合这两种至爱来做一些有意思的东西。当然它可能会或可能不会被你的下一个客户问，这样做有价值吗？但这样尝试才能真正的理解一种语言(当然，很多人说CSS不是一种语言)。但你也能使用纯CSS技术做一些简单的小游戏。

CSS Grid布局 （又名"网格"），是一个基于二维网格布局的系统，主要目的是改变我们基于网格设计的用户接口方式。如我们所知，CSS 总是用于网页的样式设置，但它并没有起到很好的作用。刚开始的时候我们使用表格(table)，然后使用浮动(float)、 定位(position)和内联块(inline-block)，但所有这些方法本质上来讲都是hacks，存留了很多需要实现的重要功能问题(例如，垂直居中)。虽然Flexbox可以起到一定的补救作用，但是它只可以实现简单的一维布局，并不适用于复杂的二维布局(实际上 Flexbox 和 Grid 可以一起结合使用起到最佳效果)。网格是 CSS 第一次专门创建的模块，用来解决我们之前在制作网站时使用hacks处理布局问题。

JavaScript中对象的属性分为两种：数据属性和访问器属性。然后根据具体的上下文环境的不同，又可以将属性分为：原型属性和实例属性。原型属性是定义在对象的原型(prototype)中的属性，而实例属性一方面来自构造的函数中，然后就是构造函数实例化后添加的新属性。

CSS 网格布局模块，虽然现在仍处于编译者的草案之中但是即将定稿。我们现在可以在一些浏览器中进行测试并可以检测其潜在的bug。CSS 网格布局是真的很复杂，相较于 Flexbox 更是如此。它具有17个新属性并且在如何使用CSS书写方面介绍了很多新概念。为了尝试如何使用萦绕在我脑海中的这些新规范，我决定创建一个圣杯布局尝试新规范工作原理。

随着 Web 应用程序变得越来越复杂，我们需要更自然的方式，在不使用hacky解决方案的情况下，如:使用浮动和其它繁琐的技术，就可以轻松做出高级的布局。令人兴奋的是产生了一种适用于布局的新解决方案---CSS Grid布局模块。在这个介绍性的教程中，我会向大家介绍这个相对较新的 CSS 功能，我将先讨论一下当前浏览器的支持情况，之后我会用一些例子告诉大家CSS Grid布局模块是如何工作的。

JavaScript对象可以看作是一个属性的集合，很多时候需要看某个属性是否存在于某个对象中。在JavaScript中对象属性的检测主要有以下几种方法。 in运算符、hasOwnProperty()方法、propertyIsEnumerable()方法和!==undefined。接下来看这四种方法怎么检测对象属性。

在使用JavaScript的时候常常会碰到各种奇葩的问题，这篇文章整理了近十个常见的问题，以及其对应的解决方式。不过除了这些问题之外，另外有两篇外文整理了更多的相关问题，这篇文章取于当中一些更为有意义的问题。感兴趣的同学可以看看，也可以将你碰到的一些奇葩问题在评论中一起分享。