箭头函数的确与传统函数有不同之处，但仍存在共同的特点。

这里报错的原因是 querySelectorAll 所需的执行上下文必需是 document，而我们赋值到 $ 调用后上下文变成了全局 window。明白了这个道理后，我们再花不到四分之一柱香的时间，就改写了之前的版本，释出了正确的版本，这个版本里面，我们用正确的姿势去 alias。

所谓”粘性侧边栏(Sticky Sidebar)”，是指页面上侧边栏(Sidebar)的一种滚动方式，正常情况下，侧边栏是跟整个页面是一体的，当页面滚动时，侧边栏跟着一起滚动，而很多页面侧边栏内容的高度很短，很快侧边栏就会滚出浏览器可视窗口，于是，侧边栏的位置变成了空白。这个空白实际上是一种资源浪费，而”粘性侧边栏(Sticky Sidebar)”的特点是，侧边栏的位置不会形成空白，

在这篇文章里，我们将讨论如何构造一个高性能的视差效果，当然同样重要的是还得跨浏览器。

除了vm和vh两种单位外，还有两种类似的单位：vmin——取vw和vh中较小的一个为基准，和vmax——取vw和vh中较大的一个为基准。它们同样是一个单位数值，跟px、em、%的用法类似。

自从有了智能手机，很多以前不可能的事情都可以了，比如滴滴打车，共享单车，不带钱购物等，今天说的把手机当成服务器执行备份任务也是。对于程序员来说，在智能手机上能干的事情还有很多，需要慢慢发掘。

同样是Hash Sum mismatch的错误，在国内，也变成了具有中国特色的Hash Sum mismatch错误和具有中国特殊的解决方案。

Async/Await基本规则async 表示这是一个async函数，await只能用在这个函数里面。 await 表示在这里等待promise返回结果了，再继续执行。 await 后面跟着的应该是一个promise对象（当然，其他返回值也没关系，只是会立即执行，不过那样就没有意义了…）

据谷歌开发者博客透露，Chrome 56 for Android 现已发布 Beta 测试版，开发者可以注册开源试用版，后者支持 WebVR API 和 GamePad API 扩展程序。WebVR API 允许访问虚拟实境设备（例如 Daydream View）的输入和输出功能。

图片特效在CSS3应用中十分广泛，我们也收集了不少CSS3图片特效，今天要分享的这款CSS3 3D旋转图片相册又非常绚丽，和之前分享的这款HTML5/CSS3 3D环形图片墙类似，也是一面立体的图片墙，图片不停的切换，鼠标滑过图片时即可激活图片查看。

你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用 padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？

还有一个免费证书的选择。为了推广HTTPS协议，电子前哨基金会EFF成立了 Let’s Encrypt，提供免费证书（教程和工具）。

Web程序员必须知道的 Console 对象里的九个方法

想必大家都知道，JavaScrip是全栈开发语言，浏览器，手机，服务器端都可以看到JS的身影。 本文会分享一些高效的JavaScript的最佳实践，提高大家对JS的底层和实现原理的理解。

使用motion path，作者可以让图像物体按照指定的路径运动。谷歌浏览器积极的要实现这个CSS特征，我想主要motion-path是SVG动画里独特的亮点，而谷歌浏览器已经决定放弃SVG SMIL，所以，实现了CSS中的motion-path，也就能很好的说服哪些喜欢SVG动画的用户了。

CSS中的 animation 属性可以让很多其它CSS属性产生动画效果，比如color, background-color, height， width等。当然，你需要为每个动画定义@keyframes CSS规则，animation需要调用这些@keyframes产生动画效果

为什么要按9宫格等分图片，因为一条微博里最多能上传9张图片。而在微博里，这9张图片的排列规则就是9宫格，为了能达到更震撼的效果，9张图片最终拼成的是一张图片，在手机里观看，你会获得不一样的感觉，先看看效果，下面就是一个截图：

不要误会，jQuery仍然是一个强大的工具包，大多时候我们还是要优先选择它。然而，对于一些简单的任务，一些小项目，一个简单的页面，或者移动版网站上，我们使用简单的纯js也许更有效率。

显而易见，fetch API相比起传统的 XMLHttpRequest (XHR) 要简单的多，相比起jQuery里提供ajax API也丝毫不逊色。

在css里有很多的属性是复合属性——可以拆分成多个属性表示，我们通常将复合属性称作简写，比如今天要说的font属性。

HTML Section 元素 (<section>) 表示文档中的一个区块（或章节），比如，内容中的一个专题组，一般来说会有包含一个标题。 每个<section>的结构应该是相似的，通常会将一个标题元素(<h1>–<h6> 元素)作为子元素。

颜色反转(反相)能调节人眼的视觉感受，一般的电脑/电视的显示器上都有色彩调节功能，我能想出的invert的一个应用场景，就是夜里浏览网页时，将白色的网页颜色反转，眼睛看着会更舒服。你还能想出其它有用的地方吗？分享一下。

我还是第一次看见naturalWidth 和 naturalHeight这两个只读属性，真是两个非常有用的属性。不论你如何用CSS来变换一个img元素的高度和宽度，图片的原始大小都能用它们获取到。需要提醒的一点是，你不需要等待图片成功加载到页面后，才能正确的访问这两个属性，所以我它们放到了onload事件里。

代码执行效率对于程序员和程序来说都是至关重要的，尤其是遇到了那些需要大量调用、反复调用的函数方法。在很多Javascript框架里你都能看到有反复调用的函数。当在使用这些框架时，我们必须小心翼翼的尽量采取优化的代码编写。其中一种优化代码的方法就是在创建函数前先使用判断语句，而不是每次函数调用时都执行一次。

随着浏览器的进步，现代浏览器都实现了多标签页(tab)的概念，就是在一个浏览器窗口里同时打开着多个页面实例。如果这时我们需要实现某个标签页的标题不停闪动，来提示页面内容有重要信息需要关注，这时候在用老的方法就不灵了。这时候需要我们针对每个标签页来单独修改它的窗口标题。