基本上，这些东西我们都可以使用Array.prototype.slice.call()这样的方法将arguments和NodeList等转行成想要的形式。如今，我们有了更直接的方法，直接将这些类数组的对象转化成真正的对象

在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。

JavaScript ServiceWorker API的好处就是让WEB开发人员轻松的控制缓存。虽然使用ETags等技术也是一种控制缓存的技术，按使用JavaScript让程序来控制缓存功能更强大，更自由。当然，强大有强大的好处，也有弊处——你需要做善后处理，所谓的善后处理，就是要清理缓存。

我经常使用JavaScript对象。非常喜欢。相对来说，数组虽然也很好用，但JavaScript Object提供了另一层次的数据结构和数据信息，这是简单的数组是无法比拟的。例如，我们可以非常方便的从一个JavaScript对象里寻找一个键值，比在数组里更迅速。

WEB音频API允许WEB开发者使用JavaScript动态的加载/解码音频文件。如果你经常开发一些WEB游戏，这些API你可能会经常用到。下面是对WEB音频API的简单介绍，你可以使用这个API在WEB前端替换改变音频的使用。

console.time和console.timeEnd这两个方法可以用来让WEB开发人员测量一个javascript脚本程序执行消耗的时间。随着WEB应用越来越重要，JavaScript的执行性能也日益受到重视，WEB开发人员知道一些性能测试机器是必须的。今天要介绍的console.time和console.timeEnd就是其中之一。

测测你的眼睛对色差的辨识度，所有的色块中有一个方块的颜色有稍微的不同，你要把它挑出来，在一分钟的时间里，看你能获得多少分，16分以下不要再玩手机了！

如果你用过Java、PHP等语言解析过XML，相信会跟我有相同的感觉，那就是很麻烦。改用jQuery来读取、分析、操作XML后，给人意想不到的轻松感。下面我们来看看使用jQuery处理XML文件的几种形式方法。

@#$SDFG$DEW#E@!EXWT#ߥ®™∞¡¥ github无法访问下不了 node.js环境搭建好慢 npm慢死 bower慢 BLABLABLA……

WordPress在升级的过程中，如果你刷新页面或者关闭页面会造成Wordpress升级不成功，下次升级时可能会遇到这样或者那样的问题。例如我前天升级Wordpress 4.5时刷新了页面，再次升级Wordpress时，Wordpress一直提示”另一更新正在进行”。

CSS里的user-select属性用来禁止用户用鼠标在页面上选中文字、图片等，也就是，让页面内容不可选。也可以只允许用户选中文字，或者全部都放开，用户可以同时选中文字、还包括文本里的图片、视频等其它东西。user-select属性的作用是元素基本的，它不仅可以作用整个页面，也可以只在指定的元素和其子元素上生效。

我们将这些防止错误出现的程序称为”linters”。Javascript中有几个比较好的linter。但是在CSS中，我们就没有这么幸运了，我们的选择十分有限: 基于Ruby的，具有特殊预处理程序的scss-lint和较早的CSS Lint。现在我就要开始介绍一下我们开发的工具: stylelint.

单选框Radio和多选框checkbox需要美化吗？当然，原生的样式百年不变已经满足不了我们客户的需求。表单很多控件需要美化，我们有借 助Javascript来做美化的，也有直接用CSS来美化的，今天我给大家介绍使用纯CSS实现radio和checkbox的美化。

Sublime Text还提供了非常自由的插件(plugins)扩展功能。我最近出现了一个小小的需求，想开发出一个简单的扩展功能。开发这个插件非常的简单。只需要几行代码。但更复杂的插件也都是这种简单插件基础上扩展出来的。你需要懂一些Python语言(不需要太深)。

writing-mode是CSS3里新引入的可以让文字竖向排版的属性。它不仅可以让文字竖向，还可以让文字从右往左排。

请随意画出一个小人，它就能活起来，你可以和它一起完成一次充满奇幻色彩的冒险旅程。

MACD指标是股票技术中最实用最重要的指标之一，其中涉及EMA、DIF、DEA、BAR几个指标。然而，对MACD指标的定义及分解算法，书上和网上的资料乱七八糟，有的说法互相矛盾，特别是对于指标的分解

CSS里的text-overflow属性能用来控制超长溢出的文字内容的显示方式，超出的文字可以是直接截断、用省略号表示，或用自定义的字符替代。

在现实应用中，很少有程序员知道JSON里的key需要用双引号包围，因为大多数的浏览器里并不需要使用双引号。所以，为什么多此一举要多写两个双引号呢？

下面列出了当前可用的正则表达式修饰符。括号中提到的名字是正则表达式内部这些修饰符的名称。 模式修饰符中的空格，换行符会被忽略，其他字符会导致错误。

javascript从定义到执行，JS引擎在实现层做了很多初始化工作，因此在学习JS引擎工作机制之前，我们需要引入几个相关的概念：执行环境 栈、全局对象、执行环境、变量对象、活动对象、作用域和作用域链等，这些概念正是JS引擎工作的核心组件。这篇文章的目的不是孤立的为你讲解每一个概念， 而是通过一个简单的demo来展开分析，全局讲解JS引擎从定义到执行的每一个细节，以及这些概念在其中所扮演的角色。

这是一个HTML5 jQuery 益智游戏，玩家需要调换图形的位置来实现目标图案。

如果在网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案，最可能的结果就是使用Flash的方案来做这个事，虽然使用Flash可以很好地解决这个问题，但是这不是一个明智的想法，因为这个产品最终会消失或者至少是浏览器不再提供支持，因此这个解决方案是没有未来的。

Wordpress编辑器对SVG的支持一向是非常的不友好，首先它不能上传SVG文件，也不能自动的嵌入到内容中让它正常显示。同时，对内联SVG代码根本不识别，会无情的将SVG代码自动删除。

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

SVG在动画方面的表现格外优秀，本文主要是介绍SVG中的几个用于动画的元素，它们分别是：<animate>，<animateMotion>，<animateTransform>，<mpath>

本文将探讨 SVG 图形的基本概念和在 HTML5 中的使用。学习绘制、过滤器、渐变、文本和将 SVG XML 添加到网页。

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

HTML5里引入的新标记 <audio> 和 <video> 实现了HTML对视频播放和音频播放的原生支持，有了这种原生的HTML5视频播放器/音频播放器，我们不再需要flash技术，而直接能将视频/音频嵌入到了网页中。

现在有了一个新的、性能更好的方法可以实现JavaScript动画任务。之前我们曾讲过requestAnimationFrame() 这个方法。那篇文章里是一个系统的介绍，今天将在这里举2个实际例子和用法。

在CSS动画中，使用Transition技术是一种“隐式”的动画方法，而相对应的，还有一种“显式”的动画技术，就是，你可以在CSS里直接指定动画效果，这需要使用keyframes属性了。

CSS中最简单的动画叫做 transition(转变)。Transition(转变)能让页面元素不是立即的、而是慢慢的从一种状态变成另外一种状态，从而表现出一种动画过程。

HTML颜色代码是由16进制的三对数字分别表示红、绿、蓝(#RRGGBB)三种基本色。以红颜色为例，红色的代码是 #FF0000, 代码组成为’255′ 红, ‘0’ 绿, 和 ‘0’ 蓝。这些颜色可以用于装饰Web页面的背景，文字和表格等。

上面这个动画效果是SVG+JS实现的，如果你看看实现它们的源代码，会发现非常的简单。

如何让table元素也能表现出自适应性？按HTML5的说法，table是一个不鼓励使用的HTML标记，但现实工作中，我们避免不了的偶尔会用到它。那么，怎样让一个传统的表格也表现出自适应性呢？