javascript 异步编程
这可能是个比较深的话题。何谓异步?
笼统地说,异步在javascript就是延时执行。严格来说,javascript中的异步编程能力都是由BOM与DOM提供的,如setTimeout,XMLHttpRequest,还有DOM的事件机制,还有HTML5新增加的webwork, postMessage,等等很多。这些东西都有一个共同的特点,就是拥有一个回调函数,实现控制反转。由于控制反转是更深奥的问题
http://www.cyqdata.cn/cnblogs/article-detail-32626
JavaScript中同名标识符优先级
一,局部变量先使用后声明,不影响外部同名变量
var x = 1; // --> 外部变量x
function fn(){
alert(x); // --> undefined 局部变量x先使用
var x = 2; // 后声明且赋值
}
fn();
alert(x); // --> 1
第一点,函数fn内第一句输出x,x是在第二句才定义的。这在JS中是允许的,这里的
http://www.cyqdata.cn/cnblogs/article-detail-32559
JavaScript继承方式(4)
4,继承工具函数四
/**
* @param {String} className
* @param {String/Function} superClass
* @param {Function} classImp
*/
function $class(className, superClass, classImp){
if(superClass === "") superClass
http://www.cyqdata.cn/cnblogs/article-detail-32452
JavaScript继承方式(3)
3,继承工具函数三
/**
* @param {Function} subCls
* @param {Function} superCls
*/
function extend(subCls,superCls) {
subCls.prototype = new superCls();
}
父类,按原型方式写,即属性和方法都挂在原型上。
/**
* 父类Person
*/
http://www.cyqdata.cn/cnblogs/article-detail-32432
JavaScript继承方式(2)
这篇开始写几个工具函数实现类的扩展。每个工具函数都是针对特定的写类方式(习惯)。这篇按照构造函数方式写类:属性(字段)和方法都挂在this上。以下分别提供了个类,分别作为父类和子类。
// 父类Person
function Person(nationality) {
this.nationality = nationality;
this.setNationality = functi
http://www.cyqdata.cn/cnblogs/article-detail-32425
JavaScript继承方式之一
前段时间温故了下JS OO之写类方式,从这篇开始我们看看JS OO之继承方式。
面向对象的语言多数都支持继承,继承最重要的优点就是代码复用,从而构建大型软件系统。如果一个类能够重用另一个类的属性和或方法,就称之为继承。从这个角度来看看JS的继承方式。JS中继承方式与写类方式息息相关。不同的写类方式造成不同的继承方式。各种流行JS库继承方式也各不相同。从最简单的复用开始。
1、构造函数方式写类,通
http://www.cyqdata.cn/cnblogs/article-detail-32377
国家统计局省份城市对照码javascript库(可实现数据对接),原创.开源LGPL
function ProvinceAndCities{var _code=[{"Code":"110000" , "Name":"北京市"}, {"Code":"110100" , "Name":"市辖区"}, {"Code":"110101" , "Name":"东城区"}, {"Code":"110102" , "Name":"西城区"}, {"Code":"110103" , "Name":"崇文区"}, {"Code
http://www.cyqdata.cn/cnblogs/article-detail-32323
简洁优雅的JavaScript OOP风格
还是以老生常谈的User举例子,说明已在代码注释中。
function User()
{
/**
* constant
*/
var MAX_AGE = 100;
var MIN_AGE = 10;
/**
* private variable
*/
var
http://www.cyqdata.cn/cnblogs/article-detail-31869
JavaScript的写类方式(5)
这篇我们看看各个JS库的写类方式,这也是写类系列的最后一篇。
1,Prototype的写类方式
Prototype中使用Class.create方法,如下
//类名Person
var Person = Class.create();
//通过原型重写来定义Person
Person.prototype = {
initialize : function(name) {
this.na
http://www.cyqdata.cn/cnblogs/article-detail-31861
将JavaScript 函数内的arguments 对象转换为数组
函数内的arguments 对象,有人称之为“类数组”对象,因为它具有数组的一些特性:拥有length 属性、并且用数字索引存放着参数以便访问,可大家都知道其实它并不是数组。
有的时候需要将参数列表看作一数组,以便使用数组的一些方法(如concat, splice 等)进行操作,这就要想办法做一个转换,《JavaScript 语言精粹》一书中有类似这么一段操作:
(fun
http://www.cyqdata.cn/cnblogs/article-detail-31856
JavaScript的写类方式(3)
续上篇,
构造函数+原型 组装一个类;同一构造函数可以定义出多个类型
/**
* $class 写类工具函数之二
* @param {Function} constructor
* @param {Object} prototype
*/
function $class(constructor,prototype) {
var c = constructor || function()
http://www.cyqdata.cn/cnblogs/article-detail-31823
JavaScript的写类方式(4)
工具函数如下
/**
* $class 写类工具函数之三
* @param {String} className
* @param {String} superClass
* @param {Function} classImp
*/
function $class(className, superClass, classImp){
if(superClass === "") su
http://www.cyqdata.cn/cnblogs/article-detail-31810
JavaScript中具名函数的多种调用方式(2)
以函数中有无this来讨论。没有this时返回一个空的对象{},有this时返回一个非空对象。
下面是一个没有this的函数
// 返回值是基本类型
function fun() {
return "jack";
}
var c = new fun();
for (var atr in c) {
alert(atr);
}
alert(c); //[object Object]
返回值
http://www.cyqdata.cn/cnblogs/article-detail-31798
JavaScript中具名函数的多种调用方式(1)
前面有一篇提到了 匿名函数的多种调用方式。这篇看看具名函数的多种调用方式。
1、()
平时最常用的就是()运算符来调用/执行一个函数
// 无参函数fun1
function fun1() {
alert('我被调用了');
}
fun1();
// 有参函数fun2
function fun2(param) {
alert(param);
}
fun2('我被调用了');
http://www.cyqdata.cn/cnblogs/article-detail-31789
JavaScript奇技淫巧之遍历数组
正常的for循环就不提了,直接进入正题。如下:
//示例1
for(var i=0,a;a=["jack","tom","lily","andy"][i++];){
console.log(a);
}
//示例2
var ary = ["jack","tom","lily","andy"];
for(var i=0,a;a=ary[i++];){
console.log(a);
}
从F
http://www.cyqdata.cn/cnblogs/article-detail-31710
SYNDOS —— TCP/IP Checksum极速算法
当数据包的发送速度大幅提高后,校验和计算成了自然成了不可忽视的一部分。 传统的Checksum算法网上随便一搜一大堆,甚至不少攻击器也是用此算法。该算法并没有什么缺点,具有普遍性,可计算任意数据任意长度的Checksum。对于SYN包那样很短并且每次都是固定长度的包,这种算法显然有些累赘了。我们不妨仔细分析下Checksum
http://www.cyqdata.cn/cnblogs/article-detail-31683
[原创]如何确保JavaScript的执行顺序 –之jQuery1.5.1与jQuery1.4.4的差异
1. 引言 在上一篇文章《如何确保JavaScript的执行顺序 - 之实战篇》中,我们发现jQuery.html函数在动态加载跨域JavaScript时,在Firefox和Opera中可以按照引入顺序执行,而在IE,Chrome和Safari中都不能确保执行顺序。 经过分析,我们发现jQuery.html在处理跨域静态JS文件时,并
http://www.cyqdata.cn/cnblogs/article-detail-31673
JavaScript奇淫技巧之遍历数组
正常的for循环就不提了,直接进入正题。如下:
//示例1
for(var i=0,a;a=["jack" , "tom" , "lily" , "andy"][i++];){
console.log(a);
}
//示例2
var ary = ["jack" , "tom" , "lily" , "andy"];
for(var i=0,a;a=ary[i++];){
console.log(a);
}
从F
http://www.cyqdata.cn/cnblogs/article-detail-31672
javascript 模板系统 ejs v7
本版本只要是对其易用性进一些修改,去掉两个冗余的功能。
我发现我的模块系统天生就能实现模块套嵌,因此有关子模板导入的两个操作符去掉。
对参数也做了一些简化,可简单地传入一个字符串来指定目标元素的选择器或目标文件的URL(通过url(http://)来区分)与一个参数对象,也可以像EXT那样传入一个哈希。
//dom.ejs v7 by 司徒正美
//http://www
http://www.cyqdata.cn/cnblogs/article-detail-31637
如何编写高质量的Javascript代码
优秀的Stoyan Stefanov在他的新书中(《Javascript Patterns》)介绍了很多编写高质量代码的技巧,比如避免使用全局变量,使用单一的var关键字,循环式预存长度等等。
这篇文章不仅仅从代码本身来考虑如何优化编码,也从代码的设计阶段来考虑,包括书写API文档,同事的review,使用JSLint。这些习惯都能帮助你编写更加高质量的、更易于理解的、可维护的代码(让你的代码在多
http://www.cyqdata.cn/cnblogs/article-detail-31635