8个惊艳的JavaScript WebGL 应用实验
WebGL 是一项在网页浏览器呈现3D画面的技术，有别于过去需要安装浏览器插件，通过 WebGL 的技术，只需要编写网页代码即可实现3D图像的展示。WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染，这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。今天，本文向大家展示8个惊艳的 WebGL 应用实验。
TankWorld
使用We
http://www.cyqdata.cn/cnblogs/article-detail-37120
解读JavaScript代码 var ie = !-[1,]
var ie = !-[1,]；
这句代码在IE9之前曾被称为世界上最短的IE判定代码。代码虽短但确包含了不少javascript基础知识在里面。在这个例子中代码执行时会先调用数组的toString()方法 ，执行[1,].toString()在IE6,7,8中将会得到“1,”。然后表达式就变为!-“1
http://www.cyqdata.cn/cnblogs/article-detail-37009
JavaScript中函数的调用
首先说函数的定义：
function Hanshu()
{
//函数体...
}
这样我们就定义了一个名为Hanshu的函数，现在我们尝试调用一下这个函数。其实很简单，调用函数就是用函数的名称加括号，即：
Hanshu();
这样我们就调用了这个函数。
我们用一个按钮调用一下这个函数：将按钮的点击事件指向这个方法
<input type="button" value="cl
http://www.cyqdata.cn/cnblogs/article-detail-36840
[SharePoint 2010] Javascript Client Object Model 在SharePoint2010中的使用方法
SharePoint2010 提供了基于Javascript的 Client Object Model库，用来操作SharePoint对象模型，当开发时需要用到javascript作客户端开发时，这些库将非常有用，这里介绍一下常规的方法。 1. SP.js load 首先，我们需要将相关的JS库load进来，主要是SP.js这个文件，它具体位置是在C:\Program Files\Common F
http://www.cyqdata.cn/cnblogs/article-detail-36787
一步一步教你搭建win7下的Node.js服务（来玩玩服务器端的javascript吧，这可不是前端js插件）
什么是Node.js?还服务器端javascript?对于这个概念我在这篇文章不做解释，可以自己去搜索了解下，服务器端js不是新技术，只是最近的node.js的火爆让他爆发了，我会在以后的文章里解释什么是node.js。这里只是纯粹的搭建，连环境都没有，还玩什么服务器端js，一切都成了浮云，让我们先搭建一个环境，输入一个“hello world”的页面。对的，win7下的搭
http://www.cyqdata.cn/cnblogs/article-detail-36769
14个非常棒的 JavaScript 游戏开发框架推荐
随着JavaScript结合HTML5开发越来越受欢迎，很多浏览器支持的新功能正被用户使用，与此同时，许多新的游戏正在使用JavaScript进行开发。基于JavaScript开发的游戏是唯一一个能够跨桌面，Web和移动三种平台的。今天，本文向大家推荐一些非常棒的JavaScript游戏框架。
LimeJS
这是一个基于HTML5游戏框架，用于快速构建运行于现代触摸屏和桌面浏览器的游
http://www.cyqdata.cn/cnblogs/article-detail-36659
让浏览器非阻塞加载javascript的几种方式
通常大多数浏览器是并行下载资源的，但由于外部脚本的特殊性例如通过脚本改变文档的DOM结构、脚本之间的存在依赖关系、使用document.write 向页面输出HTML等。浏览器为了确保正确执行脚本和呈现布局在浏览器加载和执行完成它之前会完全阻塞页面后续内容的呈现和其他资源的加载。
在页面的加载过程中如果可以做到内容的逐步呈
http://www.cyqdata.cn/cnblogs/article-detail-36654
javascript中使用splice方法轻松实现对数组元素的插入、删除、替换
面试的时候如果主考官让你使用JavaScript来实现对数组元素进行插入、删除、替换操作。如果不知道Array.prototype.splice的使用的方法那很有可能就要被扣分了。使用javascript数组类型内置的splice方法仅需一行代码即可轻松实现对数组元素进行插入、删除、替换操作。
方法签名：
Array.prototype.splice(index,count[,elm1,elm2.
http://www.cyqdata.cn/cnblogs/article-detail-36595
分享25个好玩的 JavaScript 小游戏
JavaScript 早已不只是一门写写网页特效的脚本语言了，如今广泛用于网站的前端交互。值得一提的是，当下Web开发者们追捧的 Node.js 使得 JavaScript 能够在更多环境下运行，甚至是网站的服务器端，使得这门语言再次受到大家的关注。今天，本文与大家分享25个好玩的 JavaScript 小游戏，感受一下 JavaScript 的魅力。
Bunny Hunt
Travi
http://www.cyqdata.cn/cnblogs/article-detail-36547
easygrid 一个很简单的datagrid 原生javascript
简单的datagrid
1.排序 自定义排序方式
2.编辑
3.拖拽
4.分页
5.单选 多选(ctrl) 线性选(shift)
6.文字render 就是给文字着色 比如 大于0红色 小于0绿色
7.对列的显示隐藏
8.分组
只是一个示例 没有什么与后台的借口
其实可以写几个回调就行了 里面有loading条 可以在没返回
http://www.cyqdata.cn/cnblogs/article-detail-36517
javascript中的对象查找
近期群里常有人提一些简单的问题，比如发一段代码乱七八糟的代码，然后说里面某个变量是什么，比如这里就有个很好的例子：
function fn(arg) {
alert(this.arg);
alert(this);
}
fn(123);
var o = { fn: fn };
o.fn(123);
然后就可能有这样的问题：
为什么this.arg是undefined？为什么2次调
http://www.cyqdata.cn/cnblogs/article-detail-36496
JavaScript中实现私有属性的写类方式（2）
上一篇写了个工具函数$class，这篇再完善以下。实现以下功能
1，继承
2，子类继承父类时，不继承父类的私有属性
/**
* @param {String} className
* @param {String/Function} superCls
* @param {Function} classImp
*/
function $class(className, superCls,
http://www.cyqdata.cn/cnblogs/article-detail-36436
JavaScript中实现私有属性的写类方式（1）
之前讨论过JavaScript中的写类方式。但没有讨论私有的实现。这篇看下。
我们知道JS中私有属性的实现本质就是 var + closure。如下
function Person(n, a){
// public
this.name = n;
// private
var age = a;
this.getName = function(){
return this.name;
http://www.cyqdata.cn/cnblogs/article-detail-36429
javascript变量作用域之我见
相信大家都知道，javascript中变量作用域只有两种，全局作用域与函数中的局部作用域（有人认为不同script节点间也存在一种作用域，称之为段作用域，理由是在后面的script的节点中定义的变量，在这个script节点没有被解析之前，前面的script节点是不能访问这个变量的，这种依赖于代码解析顺序的特殊情况，不在我们这篇文章的讨论之列）。
比如下面的代码：
var a = 1;funct
http://www.cyqdata.cn/cnblogs/article-detail-36398
JavaScript模态对话框类
/** * JavaScript ModelDialog v0.1* * new ModelDialog({ * caption 标题 '对话框标题'(默认) * template 主体内容 ''(默认) * dialogCls 对话框className 'md-dialog'(默认) *
http://www.cyqdata.cn/cnblogs/article-detail-36336
Javascript自由拖拽类
基本拖拽new Dragdrop({target 拖拽元素 HTMLElemnt 必选bridge 指定鼠标按下哪个元素时开始拖拽，实现模态对话框时用到 dragable 是否可拖拽 (true)默认dragX true/false false水平方向不可拖拽 (true)默认dragY true/false false垂直方向不可拖拽 (true)默认area [mi
http://www.cyqdata.cn/cnblogs/article-detail-36310
javascript学习笔记（十一）对表格进行排序（包括数值、字符串、日期等数据类型）
在javascript学习笔记（十）中，我们对表格进行了一些美化，主要是实现隔行换色及鼠标经过时高亮两个功能！这样看起来，感觉已经不错了，用户体验要比之前好多了。
在今天的学习笔记中，我们对表格再改进一些，让用户体验再好一些。我们先看下图：
图1 会员信息表
比如我们现在有图1这样一个表格，在会员组这一列中，需要把相同会员组的排在一起，这样就需要对这个表格进行一些排序的操作。下面我们就来一步一步
http://www.cyqdata.cn/cnblogs/article-detail-36297
Javascript自动补全类
/** * new InputSuggest({ * input HTMLInputElement 必选 * data Array ['sina.cn','sina.com','2008.sina.com','vip.sina.com.cn'] 必选 * containerCls 容器className *
http://www.cyqdata.cn/cnblogs/article-detail-36279
javascript基础拾遗——词法作用域
本来是想写js面向对象笔记（二）关于封装的，但是在敲实例代码的时候，发现对作用域这个东西的概念有点模糊，翻阅了犀牛后，有点感觉了，就想着先记录下此时的感受。
之所以取名叫做词法作用域，是这个概念是js中相当基础也是极为重要的，很多想当然的错误或感觉怪异的问题都是和这个东西有关。所以，本文主要说下这个名词的概念以及讨论下他牵扯出来的有关变量、函数、闭包的问题。
1.由变量开始谈
习惯性先
http://www.cyqdata.cn/cnblogs/article-detail-36245
javascript学习笔记（九）javascript中的原型(prototype)及原型链的继承方式
在javascript学习笔记（八）中，我们主要学习了在使用javascript面向对象编程时，如何创建对象及添加对象的属性和方法。在使用面向对象编程时，对象间的继承关系自然少不了！而原型正是实现javascript继承的很重要的一种方法！
我们首先来看以下代码：
function person(name, age) {
this.name = name;
this.age = age
http://www.cyqdata.cn/cnblogs/article-detail-36223