重新从nodejs.org最新版本是一种方法，但我想应该有更简单的方法，那就是使用 n 这个工具包，我们可以使用NPM先安装 n 工具包，然后用它升级nodejs，十分的方便。

，虽然是可以实现，但有一个弊端，它使用的是flash技术，而如今，很多浏览器开始不支持flash技术，所以，我们需要不依赖flash技术的JavaScript方法来实现浏览器端的剪贴板操作。今天给大家介绍的就是用纯JavaScript实现的解决方案：clipboard.js。

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环形图片墙类似，也是一面立体的图片墙，图片不停的切换，鼠标滑过图片时即可激活图片查看。

本演示关键使用了几个新型的CSS属性(background-blend-mode, mix-blend-mode, 和 filter)，利用这些属性，我们可以让同一张图片呈现出各种不可思议的神奇效果。

本文并不是试图讲解flexbox布局里的各种属性如何工作，而是用图解的方式介绍flexbox里的各种属性和属性值如何让布局起变化，以及如何变化。

今儿，我就准备向大伙儿介绍一些你们之前可能很少见过CSS家伙们。他们每个都是度量的单位，类似pixel 和 em 这样的，但是很有可能你之前从来就没听过这些家伙们！就让我们一起来交个朋友吧~

如果网页中嵌入了一个视频iframe，我通常会给这个iframe设定固定的高度和宽度，这个高度和宽度的比例通常要适应视频的高宽必，比如16:9。但是，如果我们一旦写死了这个高度和宽度，当有人使用不同屏幕大小的设备访问网页时就会出现问题，比如小屏手机上

打开百度或其他https网页时显示“您的链接不是私密连接”。
点击高级后，没有出现“继续浏览（不安全）”。仅显示一段文字。重新加载后仍然停留在此页面。
使用Firefox浏览https网页均能正常加载，且Firefox遇到真正的证 书过期、无效证 书的问题时能够出现警示页面。

今天我们要来分享一些设计非常独特的人物和动物动画效果，它们都是通过HTML5和CSS3制作而成，有一些动画是利用纯CSS3实现的，一起来看看

三维立体效果我觉得是CSS3中最有意思的地方，不得不佩服那些开发者大神们，让我们能够通过几行CSS代码就能得到酷炫的视觉体验。

CSS3按钮一般都可以设计的非常漂亮，利用投影、渐变等CSS3属性特效可以把按钮渲染的十分动感。今天分享的这款CSS3按钮外观非常特别，它看上去酷似晶莹剔透的牛奶，而且在点击按钮时出现3D效果的动画，按钮按下时，按钮会轻轻的弹动一下，非常逼真。

觉得黑得可以的点个赞呗。

JavaScript 通过XMLHttpRequest(XHR)来执行异步请求，这个方式已经存在了很长一段时间。虽说它很有用，但它不是最佳API。在Fetch API中，最常用的就是fetch()函数。它接收一个URL参数，返回一个promise来处理response。response参数带着一个Response对象。

这篇文章里我们将学习CSS里flexbox布局的几个最重要的概念，通过学习flexbox布局，你会发现以往遇到的所有的关于布局的问题，现在都可以轻松解决了。

Web端对于宽度有各种定义，比如innerWidth，outerWidth，clientWidth，offsetWidth。不同语境下有不同的含义，PC端与移动端的表现也有不同，还可能与缩放水平、滚动条、viewport设置等因素相关。

胖箭头函数（Fat arrow functions），又称箭头函数，是一个来自ECMAScript 2015（又称ES6）的全新特性。有传闻说，箭头函数的语法=>，是受到了CoffeeScript 的影响，并且它与CoffeeScript中的=>语法一样，共享this上下文。

await/async 是 ES7 最重要特性之一，它是目前为止 JS 最佳的异步解决方案了。虽然没有在 ES2016 中录入，但很快就到来，目前已经在 ES-Next Stage 4 阶段。

昨天我了解到Chrome调试工具一个小巧的调试方法，在WDCC期间， Marcus Ross（@zahlenhelfer） 介绍了，chrome调试工具各种调试方法，这个只是其中一种，现在我来给大家秀下。

除了正常运行模式，ECMAscript 5添加了第二种运行模式：”严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。

用CSS3绘制的各种小图标

用SVG给Checkbox和Radio添加动画效果

“不管是使用var关键字(在全局上下文)还是不使用var关键字(在任何地方)，都可以声明一个变量”。这貌似一个错误的概念：任何时候，变量只能通过使用var关键字才能声明。

在看这篇文章之前你可能会觉得border只是简单的绘制边框，看了这篇文章，我相信你也会跟我一样说一句“我靠，原来css中的border还可以这样玩”。这篇文章主要是很早以前看了别人用纯CSS绘制三角形后自己的一些思路的整理，文中会介绍几种小图标的效果。

那些不推荐使用的html标签

CSS4中出现的一些新型选择器

IntersectionObserver 能让你知道一个被观测的元素什么时候进入或离开浏览器的可见窗口。

HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能，只要获取到网页所在窗口对象的实例，不仅仅同源(域+端口号)的web网页之间可以互相通信，甚至可以实现跨域通信。

今天在国外的网站上看到了很多看似简单却又非常强大的纯CSS绘制的图形，里面有最简单的矩形、圆形和三角形，也有各种常见的多边形，甚至是阴阳太极和网站小图标，真的非常强大，分享给大家。

Canvas Gauges是一个用来在html5 canvas是绘制各种计量器、计量仪图表的JavaScript工具库。
下面的这里例子，点击仪表图表可以参考源代码，鼠标移到上面可以看到各种一般的动画效果。在手机或平板上，用手指按住它们，动画就会发生。

纯文本，纯CSS，简单干净的CSS动画，使用方便，完全可以替代图形进度条，加载等待git动图等

用css3 给checkbox添加动画特效，当用户点击时，它们会表现的像个小动物

用CSS3改radio input添加点击时的动画特效

getBoundingClientRect()用于获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。