找到相关内容 200
JavaScript中实现私有属性的写类方式(2)
上一篇写了个工具函数$class,这篇再完善以下。实现以下功能 1,继承 2,子类继承父类时,不继承父类的私有属性 /** * @param {String} className * @param {String/Function} superCls * @param {Function} classImp */ function $class(className, superCls,
http://cyqdata.com/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://cyqdata.com/cnblogs/article-detail-36429 
javascript变量作用域之我见
相信大家都知道,javascript中变量作用域只有两种,全局作用域与函数中的局部作用域(有人认为不同script节点间也存在一种作用域,称之为段作用域,理由是在后面的script的节点中定义的变量,在这个script节点没有被解析之前,前面的script节点是不能访问这个变量的,这种依赖于代码解析顺序的特殊情况,不在我们这篇文章的讨论之列)。 比如下面的代码: var a = 1;funct
http://cyqdata.com/cnblogs/article-detail-36398 
JavaScript模态对话框类
/** * JavaScript ModelDialog v0.1* * new ModelDialog({ * caption 标题 '对话框标题'(默认) * template 主体内容 ''(默认) * dialogCls 对话框className 'md-dialog'(默认) *
http://cyqdata.com/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://cyqdata.com/cnblogs/article-detail-36310 
javascript学习笔记(十一)对表格进行排序(包括数值、字符串、日期等数据类型)
在javascript学习笔记(十)中,我们对表格进行了一些美化,主要是实现隔行换色及鼠标经过时高亮两个功能!这样看起来,感觉已经不错了,用户体验要比之前好多了。 在今天的学习笔记中,我们对表格再改进一些,让用户体验再好一些。我们先看下图: 图1 会员信息表 比如我们现在有图1这样一个表格,在会员组这一列中,需要把相同会员组的排在一起,这样就需要对这个表格进行一些排序的操作。下面我们就来一步一步
http://cyqdata.com/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://cyqdata.com/cnblogs/article-detail-36279 
javascript基础拾遗——词法作用域
本来是想写js面向对象笔记(二)关于封装的,但是在敲实例代码的时候,发现对作用域这个东西的概念有点模糊,翻阅了犀牛后,有点感觉了,就想着先记录下此时的感受。   之所以取名叫做词法作用域,是这个概念是js中相当基础也是极为重要的,很多想当然的错误或感觉怪异的问题都是和这个东西有关。所以,本文主要说下这个名词的概念以及讨论下他牵扯出来的有关变量、函数、闭包的问题。   1.由变量开始谈   习惯性先
http://cyqdata.com/cnblogs/article-detail-36245 
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
在javascript学习笔记(八)中,我们主要学习了在使用javascript面向对象编程时,如何创建对象及添加对象的属性和方法。在使用面向对象编程时,对象间的继承关系自然少不了!而原型正是实现javascript继承的很重要的一种方法! 我们首先来看以下代码: function person(name, age) { this.name = name; this.age = age
http://cyqdata.com/cnblogs/article-detail-36223 
经典格斗游戏《街头霸王》的Javascript实现
继 《天机》 之后,这次又山寨了个名为《街斗霸主》的经典格式游戏《街头霸王》的模仿版Demo,花了几个月的业余时间写了这么个东西,算是对目前的技术学习的一种练习吧。其实这种练习的结果不是很重要,主要是体会其中的过程,虽然大部分的时间是在痛苦中渡过,但也是有很多收获的,同时也暴露出很多技术方面的不足,也为以后的学习明确了一些目标。 技术方面因为考虑到大部分IE用户(而且是非IE9),所以没有用HTM
http://cyqdata.com/cnblogs/article-detail-36196 
javascript面向对象学习笔记(一)——继承
最近在学习html5,玩了下canvas,发现js中很多的东西都不太记得了。翻了下笔记后发现还是去图书馆逛逛把,到借阅区找了我一直想看的《javascript design patterns》好好研读了个下午,读罢,顿时有种醍醐顿开的感觉(夸张了..),发现之前对javascript OO方面的认识真的很浅,读了前几章关于OO的介绍后感觉思路清晰很多了,对于js一些基本概念的认识也加深了很多。同时
http://cyqdata.com/cnblogs/article-detail-36192 
JavaScript实现IE6以下版本提示更新.
Navigator 获取浏览器的名称 var browser=navigator.appName 获取浏览器的版本 var b_version=navigator.appVersion 进行对IE5.5 and IE6.0判断 if(b_version.indexOf("MSIE 6.0") != -1 || b_version.indexOf("MSIE 5.5") !
http://cyqdata.com/cnblogs/article-detail-36173 
让JavaScript中计时器setTimeout/setInterval的回调方法支持参数传递
1. 背景 在JavaScript中,我们经常要用到Timer,也就是setTimeout或者setInterval这两个方法。例如: var t1 = setTimeout(function() { //TODO: add your logic here }, 1000); 同时,我们也经常听到有人报怨说里面的这个回调方法不支持参数传递。有时候,我们想要在里面的function里面用到外
http://cyqdata.com/cnblogs/article-detail-36168 
javascript 学习笔记(八)javascript对象
昨天看了些有关javascript对象方面的文章,以下是自己的一些学习心得及体会,希望同大家共同讨论! 1、javascript中的内置对象 javascript中除了本身的内置对象,如以下我们所熟悉的对象: Array Date Math String RegExp …… 各个对象都有自己的属性及方法,比如我们经常使用属性及方法 属性:stringObject.l
http://cyqdata.com/cnblogs/article-detail-36141 
javascript学习笔记(七)利用javascript来创建和存储cookie
今天把javascript如何用来创建及存储cookie复习了一下,其中的一点体会拿出来和大家讨论,恳请高手指点一二。 首先看一下基础知识: 1、什么是cookie cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值 2、有关cookie的例子: 名字 cookie
http://cyqdata.com/cnblogs/article-detail-36097 
九个让人难以置信的HTML5和JavaScript实验
Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议在Chrome浏览器中浏览。 Untangle拖动蓝点,让所有线都不相交,看看你多久能解开
http://cyqdata.com/cnblogs/article-detail-36073 
JavaScript中链式调用之研习
方法链一般适合对一个对象进行连续操作(集中在一句代码)。一定程度上可以减少代码量,缺点是它占用了函数的返回值。 一、对象链:方法体内返回对象实例自身(this) function ClassA(){ this.prop1 = null; this.prop2 = null; this.prop3 = null; } ClassA.prototype = { method1 : func
http://cyqdata.com/cnblogs/article-detail-36037 
笔记 - JS易忘基础知识(一)(ECMAScript基础)
1 原始值(Primitive Value)是存储在栈(Stack)中的简单数据段;引用值(Reference Value)是存储在堆(Heap)中的对象,即存储在变量中的值是一个指针。 2 ECMAScript的5种原始类型:undefined、null、boolean、number和string;对它们使用typeof运算时,分别返回:”undefined”、&rdq
http://cyqdata.com/cnblogs/article-detail-36004 
JavaScript中清空数组的两种方式
方式1,length赋值为0 这种方式很有意思,其它语言如Java,其数组的length是只读的,不能被赋值。如 int[] ary = {1,2,3,4}; ary.length = 0; Java中会报错,编译通不过。而JS中则可以,且将数组清空了, var ary = [1,2,3,4]; ary.length = 0; console.log(ary); // 输出 [],空数组,
http://cyqdata.com/cnblogs/article-detail-36002 
Transaction Scripts vs Domain Model
最近和一些朋友在闲聊之中发现不少人对于Transaction Scripts的认同和对于Domain Model的不理解都让我非常的诧异。所以就有了这篇文章。   首先,什么是Transaction Scripts,什么又是Domain Model呢?据我所知这两个概念都是Martin Flower在《Patterns of Enterprise Application Architecture》
http://cyqdata.com/cnblogs/article-detail-35785