Javascript学习笔记十一——包装DOM对象
本系列文章导航JavaScript学习笔记一——数据类型JavaScript学习笔记二——函数JavaScript学习笔记三——作用域JavaScript学习笔记四——Eval函数JavaScript学习笔记五——类和对象JavaScript学习笔记六:prototype的提出Javascript学习笔记七——原型链的原理Javascript学习笔记八——用JSON做原型Javascript学习笔
http://cyqdata.com/cnblogs/article-detail-37792
JavaScript 图片切割效果
序一
很久之前就在一个网站的截取相片的功能中看到这个效果,也叫图片裁剪、图片剪切(设置一下也可以做出放大镜等类似的效果)。 当时觉得很神奇,碍于水平有限,没做出来。 前些日子突然想做一个透镜效果,就突然想到了这个效果,于是找出当年“珍藏”的代码决定一尝所愿。
序二
自上一个版本的图片切割效果出来后,虽然也经常看到“框架开发这个如何如何容易&rdquo
http://cyqdata.com/cnblogs/article-detail-37564
JavaScript学习笔记二——函数
本系列文章导航JavaScript学习笔记一——数据类型JavaScript学习笔记二——函数JavaScript学习笔记三——作用域JavaScript学习笔记四——Eval函数JavaScript学习笔记五——类和对象JavaScript学习笔记六:prototype的提出Javascript学习笔记七——原型链的原理Javascript学习笔记八——用JSON做原型Javascript学习笔
http://cyqdata.com/cnblogs/article-detail-37554
JavaScript对象与继承教程之内置对象(上)
一、 类与对象
在 JavaScript 世界里,关于面向对象第一个要澄清的概念就是类。对象都是有类来定义的,通过类来创建对象就是我们所熟悉的实例化。然而,在 JavaScript 中别没有真正的类,对象的定义就是对象自身。而 ECMA-262 干脆把这种妥协的方式称作为对象的调和剂。为了方便理解,我通常把这个发挥类的作用的调和剂称为类。
二、 内置对象
1、 Array类
http://cyqdata.com/cnblogs/article-detail-37550
推荐19个很有用的 JavaScript 库
流行的 JavaScript 库有jQuery,MooTools,Prototype,Dojo和YUI等,这些 JavaScript 库功能丰富,加上它们众多的插件,几乎能实现任何你需要的功能,然而需要实现一些特定的功能,则可以选择功能更专一的轻量库,今天这篇文章与大家分享16个很有用的 JavaScript 库。
Blackbird: Open Source JavaScript Loggin
http://cyqdata.com/cnblogs/article-detail-37283
Javascript中闭包的作用域链
作用域定义了在当前上下文中能够被访问到的成员,在Javascript中分为全局作用域和函数作用域,通过函数嵌套可以实现嵌套作用域。 闭包一般发生在嵌套作用域中。闭包是JavaScript最强大的特性之一,很多高级应用都要依靠闭包实现。如OO的私有成员和模块化等。然而闭包虽然强大,但一般比较占用内存另外如果使用不当还会引起内存泄露,对闭包有了解的jser一般都知
http://cyqdata.com/cnblogs/article-detail-37243
分享15款很棒的 JavaScript 开发工具
在开发中,借助得力的工具可以事半功倍。今天,这篇文章向大家分享最新收集的15款非常有用的 JavaScript 开发工具。
TestSwarm: Continious & Distributed JS TestingTestSwarm是Mozilla实验室推出的一个开源项目,它旨在为开发者提供在多个浏览器版本上快速轻松测试自己JavaScript代码的方法。
Minimee在网络上,速
http://cyqdata.com/cnblogs/article-detail-37206
【分享】浅谈 JavaScript 在多交互站点中的工作方式
先看事例,根据下面的HTML和后端接口来更新界面。
HTML:
<ul>
<li>用户名:<span id="userName"></span></li>
<li>昵称:<span id="loveName"></span></li>
<li>生日:<span id
http://cyqdata.com/cnblogs/article-detail-37137
8个惊艳的JavaScript WebGL 应用实验
WebGL 是一项在网页浏览器呈现3D画面的技术,有别于过去需要安装浏览器插件,通过 WebGL 的技术,只需要编写网页代码即可实现3D图像的展示。WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。今天,本文向大家展示8个惊艳的 WebGL 应用实验。
TankWorld
使用We
http://cyqdata.com/cnblogs/article-detail-37120
解读JavaScript代码 var ie = !-[1,]
var ie = !-[1,];
这句代码在IE9之前曾被称为世界上最短的IE判定代码。代码虽短但确包含了不少javascript基础知识在里面。在这个例子中代码执行时会先调用数组的toString()方法 ,执行[1,].toString()在IE6,7,8中将会得到“1,”。然后表达式就变为!-“1
http://cyqdata.com/cnblogs/article-detail-37009
IE6/7/8/Opera不支持script元素的onerror事件
如下
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>IE6/7/8/Opera不支持script元素的onerror事件</title>
<script src="jquery-1.5.23.js" onerror="alert(3
http://cyqdata.com/cnblogs/article-detail-36859
JavaScript中函数的调用
首先说函数的定义:
function Hanshu()
{
//函数体...
}
这样我们就定义了一个名为Hanshu的函数,现在我们尝试调用一下这个函数。其实很简单,调用函数就是用函数的名称加括号,即:
Hanshu();
这样我们就调用了这个函数。
我们用一个按钮调用一下这个函数:将按钮的点击事件指向这个方法
<input type="button" value="cl
http://cyqdata.com/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://cyqdata.com/cnblogs/article-detail-36787
一步一步教你搭建win7下的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
什么是Node.js?还服务器端javascript?对于这个概念我在这篇文章不做解释,可以自己去搜索了解下,服务器端js不是新技术,只是最近的node.js的火爆让他爆发了,我会在以后的文章里解释什么是node.js。这里只是纯粹的搭建,连环境都没有,还玩什么服务器端js,一切都成了浮云,让我们先搭建一个环境,输入一个“hello world”的页面。对的,win7下的搭
http://cyqdata.com/cnblogs/article-detail-36769
14个非常棒的 JavaScript 游戏开发框架推荐
随着JavaScript结合HTML5开发越来越受欢迎,很多浏览器支持的新功能正被用户使用,与此同时,许多新的游戏正在使用JavaScript进行开发。基于JavaScript开发的游戏是唯一一个能够跨桌面,Web和移动三种平台的。今天,本文向大家推荐一些非常棒的JavaScript游戏框架。
LimeJS
这是一个基于HTML5游戏框架,用于快速构建运行于现代触摸屏和桌面浏览器的游
http://cyqdata.com/cnblogs/article-detail-36659
让浏览器非阻塞加载javascript的几种方式
通常大多数浏览器是并行下载资源的,但由于外部脚本的特殊性例如通过脚本改变文档的DOM结构、脚本之间的存在依赖关系、使用document.write 向页面输出HTML等。浏览器为了确保正确执行脚本和呈现布局在浏览器加载和执行完成它之前会完全阻塞页面后续内容的呈现和其他资源的加载。
在页面的加载过程中如果可以做到内容的逐步呈
http://cyqdata.com/cnblogs/article-detail-36654
javascript中使用splice方法轻松实现对数组元素的插入、删除、替换
面试的时候如果主考官让你使用JavaScript来实现对数组元素进行插入、删除、替换操作。如果不知道Array.prototype.splice的使用的方法那很有可能就要被扣分了。使用javascript数组类型内置的splice方法仅需一行代码即可轻松实现对数组元素进行插入、删除、替换操作。
方法签名:
Array.prototype.splice(index,count[,elm1,elm2.
http://cyqdata.com/cnblogs/article-detail-36595
分享25个好玩的 JavaScript 小游戏
JavaScript 早已不只是一门写写网页特效的脚本语言了,如今广泛用于网站的前端交互。值得一提的是,当下Web开发者们追捧的 Node.js 使得 JavaScript 能够在更多环境下运行,甚至是网站的服务器端,使得这门语言再次受到大家的关注。今天,本文与大家分享25个好玩的 JavaScript 小游戏,感受一下 JavaScript 的魅力。
Bunny Hunt
Travi
http://cyqdata.com/cnblogs/article-detail-36547
easygrid 一个很简单的datagrid 原生javascript
简单的datagrid
1.排序 自定义排序方式
2.编辑
3.拖拽
4.分页
5.单选 多选(ctrl) 线性选(shift)
6.文字render 就是给文字着色 比如 大于0红色 小于0绿色
7.对列的显示隐藏
8.分组
只是一个示例 没有什么与后台的借口
其实可以写几个回调就行了 里面有loading条 可以在没返回
http://cyqdata.com/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://cyqdata.com/cnblogs/article-detail-36496