关注
分享
陈小峰_iefreer
踏得网创始人,Stone和Myway 3D引擎作者。
展开
-
Node.js日志框架选型比较：Bunyan
Bunyan(by Trent Mick)是另外一个值得考虑的日志框架，以略微不同的方式处理结构化，机器可读性被重点对待。其 是，bunyan每行日志记录实际上就是JSON.stringify的一个输出。安装（Installation）npm install bunyan使用（Usage）var bunyan= require('bunyan');var log=bunyan.createLogg翻译 2014-06-25 19:32:03 · 16702 阅读 · 0 评论 -
jQuery Ribbles - 基于WebGL的水面涟漪动效插件
使用jQuery Ribbles可以很容易的为背景图引入原创 2014-11-06 23:54:41 · 5592 阅读 · 0 评论 -
React.js加载组件以及JSX脚本处理代码
React.js是一个组件化的JS界面开发库，可以结合XML格式的脚本语法JSX。如果你的页面中包含了这样的代码，需要将JSX代码预编译为Raw JavaScript，不然会提示有语法错误"undefined 只要在脚本代码头部加上/** @jsx React.DOM */然后把脚本类型声明为jsx即可：type="text/jsx"更多内容请参考：http://facebook.github.i原创 2015-01-07 21:46:26 · 9622 阅读 · 0 评论 -
Three.js 开发基础知识 - 绘制3D对象
Three.js是一个用来简化WebGL开发的JavaScript库，比如绘制一个三维立方体，使用WebGL需要100多行，那Three.js只要10几行就能够完成。本文通过创建一个立方体来简单介绍Three.js的基础知识。Three.js中的基本概念Three.js包含3个基本概念：场景（Scene）、相机（Camera）和渲染器（Renderer）。场景就是需要绘制的对象，相机代表取景的视角原创 2014-12-07 23:13:55 · 8105 阅读 · 1 评论 -
CSS3 在使用Modernizr的情况下导致animation失效
如果你在CSS中设置了animation，比如.yourDiv{animation: rot 5s linear infinite;}为了浏览器兼容，加载modernizr，这会帮你自动转换。但是注意如果你在JS中动态设置了animation-delay的话，由于modernizr会自动为你添加-webkit-animation属性，这将使得你CSS中设置的animation被覆盖而失效。解决方法原创 2015-02-01 15:16:42 · 4986 阅读 · 0 评论 -
HTML5 布加迪威龙跑车自动化制造过程模拟
Greensock公司的TweenMax是很好的HTML5动画操作JS库。本例是演示如何使用TweenMax来模拟跑车的机械自动化制造/自动化装配过程。思路就是把一些汽车零部件图片按时序以渐入动效入场到Web页面指定位置，从而形成汽车整体自动组装的动画。$(document).ready(function() { var miniBoxesHolder = $('#ruler_1_wrap原创 2015-02-25 13:29:10 · 3775 阅读 · 0 评论 -
JavaScript 滚动页面到指定元素位置
页面评论功能，当评论较多时，有时需要滚动到评论头部。可以使用scrollTop方法，加上一点延时动画（animate），可访问在线演示，代码大体如下： $(document).ready(function (){ $("#scroll").click(function (){ $('html, body')原创 2015-07-17 17:42:09 · 87234 阅读 · 1 评论 -
微信内置浏览器submit函数无效的问题
在表单提交按钮被点击时，触发提交函数，代码如下：....重选确定上面这样写submit函数，在手机浏览器和Chrome移动模拟器中都可以正常工作，但是在微信内置浏览器下会直接提交表单，而不会执行你自定义的submit函数。需要把函数名称改为submit_photo类似这样的名字。可能是微信内置浏览器的bug。记录下。原创 2015-08-13 12:43:14 · 8583 阅读 · 0 评论 -
HTML5 特效代码搜索引擎和分享平台
我们在网站设计开发过程中常常需要实现一些与众不同的效果。设计师努力寻找创意，Web工程师针对这些创意寻找到合适的参考代码。我们自己的体会是比较难找到这些前沿资源，因为缺少好的搜索、匹配服务。为此我们希望为自己建立一个高品质HTML5特效作品库，这个开放库涵盖了基础知识、高级应用实例、编码模式以及新颖的界面设计。原创 2014-12-13 12:44:44 · 5857 阅读 · 0 评论 -
Canvas使用错误：screen.getContext('2d') is not a function
getContext是用来获取画布上下文的，如果出现not a function错误，一般是由于获取Canvas元素的方法不正确引起的。在某些浏览器中，变量和类命名也会导致奇怪的问题，注意尽量不用使用screen/canvas来作为元素的类名或JS中的变量名，以免和特定浏览器的默认定义冲突。本例出现的错误代码实例在：http://wow.techbrood.com/fiddle/11770解决方法原创 2015-10-11 22:18:36 · 25431 阅读 · 0 评论 -
设置TinyMCE在线HTML编辑控件只读
TinyMCE是一款主流在线HTML/Text编辑器，特定情况下需要设置成只读状态（比如用户访问权限受控时）。有两种方法：一种是通过配置在控件初始化时设置，另外一种是运行时设置。1. 通过配置在控件初始化时设置tinyMCE.init({ ... theme : "advanced", readonly : 1});2. 在运行时设置编辑器ifra原创 2015-12-28 15:57:40 · 6806 阅读 · 1 评论 -
Three.js 3D打印数据模型文件（.STL）加载
对于电子商务类的3D打印网站，一个主要功能是把商品以3D的方式呈现出来，也就是3D数据可视化技术。HTML5（WebGL）可以用来构建3D视图、立体动画、人机交互。Three.js是一个主流的JS框架用来支持和简化WebGL编程。本例是一个简单的Three.js应用，即把一个外部可用于打印的3D标准建模文件（STL文件）载入到浏览器中绘制出来。原创 2014-12-17 15:30:25 · 18865 阅读 · 6 评论 -
Velocity.js错误：Velocity is not defined
在使用Velocity.js时报错Velocity is not defined.原因是加载了jQuery。原创 2014-10-27 00:12:00 · 5109 阅读 · 0 评论 -
D3.js读取外部json数据
D3.js是一个很好的数据可视化工具，支持从web服务读取json数据，或者从外部文件如.json, .原创 2014-11-06 12:49:37 · 27424 阅读 · 0 评论 -
基于HTML5 Canvas的按键编码检测器
通过keyup事件传递的变量，我们可以很容易的获取到用户所按下的按键编码。原创 2014-11-23 11:04:33 · 2312 阅读 · 0 评论 -
Canvas实例教程：图像移动、大小调整和裁剪
学习如何使用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原创 2014-11-03 21:28:53 · 56845 阅读 · 1 评论 -
Node.js日志框架选型比较：Winston
日志对于问题定位和系统调试至关重要。尤其是系统复杂以及的情况下。翻译 2014-06-25 17:26:04 · 34342 阅读 · 0 评论 -
jQuery获取节点和子节点文本
获取节点文本$('#id').text()原创 2014-07-20 22:53:20 · 9434 阅读 · 0 评论 -
销毁或删除TinyMCE控件
如果我们想重新初始化tinymce控件的内容，需要先销毁，然后重新初始化。原创 2014-07-20 12:45:20 · 12982 阅读 · 3 评论 -
jQuery修改CSS伪元素属性
CSS伪元素（pseudo elements）不是DOM元素，因此原创 2014-07-29 20:34:25 · 9269 阅读 · 1 评论 -
基于Sketch.js 模拟成群的蝌蚪运动
基于Sketch.js，实现了物体触碰检测（蝌蚪会遇到障碍物以及聪明的躲避鼠标的点击），随机运动，聚集算法等。原创 2014-09-19 00:20:36 · 4297 阅读 · 0 评论 -
使用Javascript D3创建属于你的涂鸦作品
使用Javascript D3在线创建你自己的涂鸦作品原创 2014-06-29 23:16:40 · 3461 阅读 · 0 评论 -
16款创建CSS3动画的jQuery插件
jQuery插件是用来扩展jQuery原型对象的方法。本文搜集了一些最新的用来为你的网站创建CSS3动画的jQuery插件，并可以在线调试。原创 2014-08-25 02:56:13 · 17976 阅读 · 6 评论 -
15个最实用的数据可视化工具
现如今数据收集越来越多，不过只有我们能够从数据中获取到有用的信息时，这些数据才有意义。有很多种方式来展现数据，但最有效的方式无疑是图形化，本文是对当前最值得尝试的15个数据可视化工具的简介。原创 2014-09-01 23:24:25 · 15051 阅读 · 3 评论 -
CSS3 深海游弋的鱼群
该鱼群动效使用了2张图片：一张深海背景图和一张小鱼t，使用JavaScript绘制Canvas元素，实现了鼠标位置检测、鱼群随机游动和躲避动效。原创 2014-11-11 10:24:05 · 3564 阅读 · 0 评论 -
JavaScript把16进制数组转换为字符串数组
单个16进制数要转换为对应的字符，可以shiyong原创 2014-10-09 22:20:52 · 7326 阅读 · 0 评论 -
Ajax局部界面更新导致JS事件重复触发的问题
如果在页面中包含一个ajax更新的列表，那么需要小心原创 2014-10-14 00:30:11 · 2523 阅读 · 0 评论 -
CodeMirror编辑器中的嵌套textarea标签
由于codemirror需要从textarea标签中读取内容，然后生成原创 2014-10-15 14:50:44 · 4438 阅读 · 0 评论 -
基于Kinetic框架实现超酷的风铃悬挂摆动效果
利用Canvas画了几个错落有致的六边形风铃标签，鼠标hover上去的时候会出现轻微摆动以及模拟风铃随风飘扬的音效。原创 2014-07-05 14:27:19 · 4250 阅读 · 0 评论