陈小峰（iefreer）的专栏

Bunyan(by Trent Mick)是另外一个值得考虑的日志框架，以略微不同的方式处理结构化，机器可读性被重点对待。其 是，bunyan每行日志记录实际上就是JSON.stringify的一个输出。安装（Installation）npm install bunyan使用（Usage）var bunyan= require('bunyan');var log=bunyan.createLogg

使用jQuery Ribbles可以很容易的为背景图引入

React.js是一个组件化的JS界面开发库，可以结合XML格式的脚本语法JSX。如果你的页面中包含了这样的代码，需要将JSX代码预编译为Raw JavaScript，不然会提示有语法错误"undefined 只要在脚本代码头部加上/** @jsx React.DOM */然后把脚本类型声明为jsx即可：type="text/jsx"更多内容请参考：http://facebook.github.i

Three.js是一个用来简化WebGL开发的JavaScript库，比如绘制一个三维立方体，使用WebGL需要100多行，那Three.js只要10几行就能够完成。本文通过创建一个立方体来简单介绍Three.js的基础知识。Three.js中的基本概念Three.js包含3个基本概念：场景（Scene）、相机（Camera）和渲染器（Renderer）。场景就是需要绘制的对象，相机代表取景的视角

如果你在CSS中设置了animation，比如.yourDiv{animation: rot 5s linear infinite;}为了浏览器兼容，加载modernizr，这会帮你自动转换。但是注意如果你在JS中动态设置了animation-delay的话，由于modernizr会自动为你添加-webkit-animation属性，这将使得你CSS中设置的animation被覆盖而失效。解决方法

Greensock公司的TweenMax是很好的HTML5动画操作JS库。本例是演示如何使用TweenMax来模拟跑车的机械自动化制造/自动化装配过程。思路就是把一些汽车零部件图片按时序以渐入动效入场到Web页面指定位置，从而形成汽车整体自动组装的动画。$(document).ready(function() { var miniBoxesHolder = $('#ruler_1_wrap

页面评论功能，当评论较多时，有时需要滚动到评论头部。可以使用scrollTop方法，加上一点延时动画（animate），可访问在线演示，代码大体如下： $(document).ready(function (){ $("#scroll").click(function (){ $('html, body')

在表单提交按钮被点击时，触发提交函数，代码如下：....重选确定上面这样写submit函数，在手机浏览器和Chrome移动模拟器中都可以正常工作，但是在微信内置浏览器下会直接提交表单，而不会执行你自定义的submit函数。需要把函数名称改为submit_photo类似这样的名字。可能是微信内置浏览器的bug。记录下。

我们在网站设计开发过程中常常需要实现一些与众不同的效果。设计师努力寻找创意，Web工程师针对这些创意寻找到合适的参考代码。我们自己的体会是比较难找到这些前沿资源，因为缺少好的搜索、匹配服务。为此我们希望为自己建立一个高品质HTML5特效作品库，这个开放库涵盖了基础知识、高级应用实例、编码模式以及新颖的界面设计。

getContext是用来获取画布上下文的，如果出现not a function错误，一般是由于获取Canvas元素的方法不正确引起的。在某些浏览器中，变量和类命名也会导致奇怪的问题，注意尽量不用使用screen/canvas来作为元素的类名或JS中的变量名，以免和特定浏览器的默认定义冲突。本例出现的错误代码实例在：http://wow.techbrood.com/fiddle/11770解决方法

TinyMCE是一款主流在线HTML/Text编辑器，特定情况下需要设置成只读状态（比如用户访问权限受控时）。有两种方法：一种是通过配置在控件初始化时设置，另外一种是运行时设置。1. 通过配置在控件初始化时设置tinyMCE.init({ ... theme : "advanced", readonly : 1});2. 在运行时设置编辑器ifra

对于电子商务类的3D打印网站，一个主要功能是把商品以3D的方式呈现出来，也就是3D数据可视化技术。HTML5（WebGL）可以用来构建3D视图、立体动画、人机交互。Three.js是一个主流的JS框架用来支持和简化WebGL编程。本例是一个简单的Three.js应用，即把一个外部可用于打印的3D标准建模文件（STL文件）载入到浏览器中绘制出来。

在使用Velocity.js时报错Velocity is not defined.原因是加载了jQuery。

D3.js是一个很好的数据可视化工具，支持从web服务读取json数据，或者从外部文件如.json, .

通过keyup事件传递的变量，我们可以很容易的获取到用户所按下的按键编码。

学习如何使用JavaScript和HTML5 Canvas元素来调整和裁剪图像(Resizing and Cropping Images with Canvas。)，适用于图片编辑器、照片分享等应用场景。Tutorial links：http://tympanus.net/codrops/2014/10/30/resizing-cropping-images-canvas/；Read more:h

日志对于问题定位和系统调试至关重要。尤其是系统复杂以及的情况下。

获取节点文本$('#id').text()

如果我们想重新初始化tinymce控件的内容，需要先销毁，然后重新初始化。

CSS伪元素（pseudo elements）不是DOM元素，因此

基于Sketch.js，实现了物体触碰检测（蝌蚪会遇到障碍物以及聪明的躲避鼠标的点击），随机运动，聚集算法等。

使用Javascript D3在线创建你自己的涂鸦作品

jQuery插件是用来扩展jQuery原型对象的方法。本文搜集了一些最新的用来为你的网站创建CSS3动画的jQuery插件，并可以在线调试。

现如今数据收集越来越多，不过只有我们能够从数据中获取到有用的信息时，这些数据才有意义。有很多种方式来展现数据，但最有效的方式无疑是图形化，本文是对当前最值得尝试的15个数据可视化工具的简介。

该鱼群动效使用了2张图片：一张深海背景图和一张小鱼t，使用JavaScript绘制Canvas元素，实现了鼠标位置检测、鱼群随机游动和躲避动效。

单个16进制数要转换为对应的字符，可以shiyong

如果在页面中包含一个ajax更新的列表，那么需要小心

由于codemirror需要从textarea标签中读取内容，然后生成

利用Canvas画了几个错落有致的六边形风铃标签，鼠标hover上去的时候会出现轻微摆动以及模拟风铃随风飘扬的音效。