将key名不带双引号的JSON字符串转换成JSON对象的方法
在现实应用中，很少有程序员知道JSON里的key需要用双引号包围，因为大多数的浏览器里并不需要使用双引号。所以，为什么多此一举要多写两个双引号呢？
javascript 从定义到执行，你不知道的那些事
javascript从定义到执行，JS引擎在实现层做了很多初始化工作，因此在学习JS引擎工作机制之前，我们需要引入几个相关的概念：执行环境 栈、全局对象、执行环境、变量对象、活动对象、作用域和作用域链等，这些概念正是JS引擎工作的核心组件。这篇文章的目的不是孤立的为你讲解每一个概念， 而是通过一个简单的demo来展开分析，全局讲解JS引擎从定义到执行的每一个细节，以及这些概念在其中所扮演的角色。
使用 jQuery 复制文字到剪贴板的技巧
如果在网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案，最可能的结果就是使用Flash的方案来做这个事，虽然使用Flash可以很好地解决这个问题，但是这不是一个明智的想法，因为这个产品最终会消失或者至少是浏览器不再提供支持，因此这个解决方案是没有未来的。
如何让WordPress编辑器支持内联SVG代码？
Wordpress编辑器对SVG的支持一向是非常的不友好，首先它不能上传SVG文件，也不能自动的嵌入到内容中让它正常显示。同时，对内联SVG代码根本不识别，会无情的将SVG代码自动删除。
在CSS动画中使用motion-path
使用motion path，作者可以让图像物体按照指定的路径运动。谷歌浏览器积极的要实现这个CSS特征，我想主要<code>motion-path</code>是SVG动画里独特的亮点，而谷歌浏览器已经决定放弃SVG SMIL，所以，实现了CSS中的<code>motion-path</code>，也就能很好的说服哪些喜欢SVG动画的用户了。
SVG里的几个动画元素的用法介绍
SVG在动画方面的表现格外优秀，本文主要是介绍SVG中的几个用于动画的元素，它们分别是：<animate>，<animateMotion>，<animateTransform>，<mpath>
CSS动画技术中animation的使用介绍
CSS中的 animation 属性可以让很多其它CSS属性产生动画效果，比如color, background-color, height， width等。当然，你需要为每个动画定义@keyframes CSS规则，animation需要调用这些@keyframes产生动画效果
HTML5视频播放器<video>和音频播放器<audio>用法
HTML5里引入的新标记 <code><audio></code> 和 <code><video></code> 实现了HTML对视频播放和音频播放的原生支持，有了这种原生的HTML5视频播放器/音频播放器，我们<a href="http://www.webhek.com/youtube-now-defaults-to-html5">不再需要flash技术</a>，而直接能将视频/音频嵌入到了网页中。
使用requestAnimationFrame()优化JavaScript动画性能
现在有了一个新的、性能更好的方法可以实现JavaScript动画任务。之前我们曾讲过requestAnimationFrame() 这个方法。那篇文章里是一个系统的介绍，今天将在这里举2个实际例子和用法。
CSS动画：keyframes用法介绍
在CSS动画中，使用Transition技术是一种“隐式”的动画方法，而相对应的，还有一种“显式”的动画技术，就是，你可以在CSS里直接指定动画效果，这需要使用keyframes属性了。
CSS动画：transition 的用法介绍
CSS中最简单的动画叫做 transition(转变)。Transition(转变)能让页面元素不是立即的、而是慢慢的从一种状态变成另外一种状态，从而表现出一种动画过程。
HTML颜色名称和颜色代码表
HTML颜色代码是由16进制的三对数字分别表示红、绿、蓝(#RRGGBB)三种基本色。以红颜色为例，红色的代码是 #FF0000, 代码组成为'255' 红, '0' 绿, 和 '0' 蓝。这些颜色可以用于装饰Web页面的背景，文字和表格等。
用纯CSS实现自适应布局表格
如何让table元素也能表现出自适应性？按HTML5的说法，table是一个不鼓励使用的HTML标记，但现实工作中，我们避免不了的偶尔会用到它。那么，怎样让一个传统的表格也表现出自适应性呢？
将图片按9宫格等分的简单批处理脚本
为什么要按9宫格等分图片，因为一条微博里最多能上传9张图片。而在微博里，这9张图片的排列规则就是9宫格，为了能达到更震撼的效果，9张图片最终拼成的是一张图片，在手机里观看，你会获得不一样的感觉，先看看效果，下面就是一个截图：
你不需要jQuery(六)
Query的一个好处是能跨浏览器兼容，比如ie、火狐浏览器、谷歌浏览器、Safari等。但这样大而广的兼容带来的弊病是代码的臃肿，性能的折中，体积的增加。这不仅仅是增加了网页加载时间，同时浏览器对JavaScript解析速度也大幅度的下降。
自定义WordPress里标签(tag)和分类目录(category)的固定链接结构的方法
如果你想自定义标签(tag)的固定链接，让它不随文章页(post)的链接结构的变化而变化，让标签页(tag)具有更个性的链接结构，怎么办呢？或者，我还想自定义分类目录页(category)的固定链接，有什么办法？
Boids算法JavaScript实现
这是一个轻量级的Craig Reynolds的 Boids 算法实现。 一个非常典型的群聚的例子。 它不仅能非常简单的模仿一群鸟， 也可以模拟一群蜂，一群羊或一群人。。
你不需要jQuery(五)
不可否认，jQuery有时候是开发项目时必不可少的，但不同的项目，不同的场景，项目的技术架构，都需要做不同的考量，经过冷静的思考，我们就会发现，很多时候，我并不需要jQuery，使用原生JavaScript技术反而项目变得更精简、效率更高。
你不需要jQuery(四)
不要误会，jQuery仍然是一个强大的工具包，大多时候我们还是要优先选择它。然而，对于一些简单的任务，一些小项目，一个简单的页面，或者移动版网站上，我们使用简单的纯js也许更有效率。
CSS技术高手：一颗自我实现的红心(还会跳呦)
这是一个自我实现的css绘图脚本，页面自己每跳出一行代码，都会即时作用到页面上，展示出这行代码的实际作用，于是，我们就看到了一个鲜红的跳动的心就一步一步的呈现在读者面前。
从WordPress的Head里删除无用的标记和链接的方法
Wordpress会自动在<head>插入很多没用的标记和元素。这些东西包括profile, pingback, alternate, EditURI, wlwmainfest, prev, next, generator meta, shortlink, index, start等。这些标记不仅会对增加页面的体积，而且可能导致安全问题。
从谷歌网站上下载离线安装版谷歌浏览器的方法
在国内，是无法用它安装的，之前安装谷歌浏览器，一直是从第三方网站是下载离线完整安装包。虽然无二，但总有些不甘心，为什么官方网站是没有离线版谷歌浏览器安装包?
你不需要jQuery(三)：新AJAX方法fetch()
显而易见，fetch API相比起传统的 XMLHttpRequest (XHR) 要简单的多，相比起jQuery里提供ajax API也丝毫不逊色。
JavaScript Promise API
异步的最大特点是无需等待。“Promises”渐渐成为JavaScript里最重要的一部分，大量的新API都具有promise原理实现。下面让我们看一下什么是promise，以及它的API和用法！
