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
经典格斗游戏《街头霸王》的Javascript实现
继 《天机》 之后,这次又山寨了个名为《街斗霸主》的经典格式游戏《街头霸王》的模仿版Demo,花了几个月的业余时间写了这么个东西,算是对目前的技术学习的一种练习吧。其实这种练习的结果不是很重要,主要是体会其中的过程,虽然大部分的时间是在痛苦中渡过,但也是有很多收获的,同时也暴露出很多技术方面的不足,也为以后的学习明确了一些目标。
技术方面因为考虑到大部分IE用户(而且是非IE9),所以没有用HTM
http://www.cyqdata.cn/cnblogs/article-detail-36196
javascript面向对象学习笔记(一)——继承
最近在学习html5,玩了下canvas,发现js中很多的东西都不太记得了。翻了下笔记后发现还是去图书馆逛逛把,到借阅区找了我一直想看的《javascript design patterns》好好研读了个下午,读罢,顿时有种醍醐顿开的感觉(夸张了..),发现之前对javascript OO方面的认识真的很浅,读了前几章关于OO的介绍后感觉思路清晰很多了,对于js一些基本概念的认识也加深了很多。同时
http://www.cyqdata.cn/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://www.cyqdata.cn/cnblogs/article-detail-36173
让JavaScript中计时器setTimeout/setInterval的回调方法支持参数传递
1. 背景
在JavaScript中,我们经常要用到Timer,也就是setTimeout或者setInterval这两个方法。例如:
var t1 = setTimeout(function() {
//TODO: add your logic here
}, 1000);
同时,我们也经常听到有人报怨说里面的这个回调方法不支持参数传递。有时候,我们想要在里面的function里面用到外
http://www.cyqdata.cn/cnblogs/article-detail-36168
javascript 学习笔记(八)javascript对象
昨天看了些有关javascript对象方面的文章,以下是自己的一些学习心得及体会,希望同大家共同讨论!
1、javascript中的内置对象
javascript中除了本身的内置对象,如以下我们所熟悉的对象:
Array
Date
Math
String
RegExp
……
各个对象都有自己的属性及方法,比如我们经常使用属性及方法
属性:stringObject.l
http://www.cyqdata.cn/cnblogs/article-detail-36141
javascript学习笔记(七)利用javascript来创建和存储cookie
今天把javascript如何用来创建及存储cookie复习了一下,其中的一点体会拿出来和大家讨论,恳请高手指点一二。
首先看一下基础知识:
1、什么是cookie
cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值
2、有关cookie的例子:
名字 cookie
http://www.cyqdata.cn/cnblogs/article-detail-36097
九个让人难以置信的HTML5和JavaScript实验
Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议在Chrome浏览器中浏览。
Untangle拖动蓝点,让所有线都不相交,看看你多久能解开
http://www.cyqdata.cn/cnblogs/article-detail-36073
JavaScript中链式调用之研习
方法链一般适合对一个对象进行连续操作(集中在一句代码)。一定程度上可以减少代码量,缺点是它占用了函数的返回值。
一、对象链:方法体内返回对象实例自身(this)
function ClassA(){
this.prop1 = null;
this.prop2 = null;
this.prop3 = null;
}
ClassA.prototype = {
method1 : func
http://www.cyqdata.cn/cnblogs/article-detail-36037
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://www.cyqdata.cn/cnblogs/article-detail-36002
用Java将资源打包成swf文件
最近项目在做性能调优,我们的游戏前端是用flex开发的,对于图片的加载方式都是使用动态加载的方式,直接使用flex的image组件,给一个图片的相对路径来引用。在内网测试时没有发现任何问题,之后部署到外网环境,发现前端界面加载很不友好,图片都是一个一个的出来。用户体验不是很好。 为了解决这个问题,我们决定将资源打包成swf,以模块来划分swf。将资源打包成swf有很多种方法,因为对Java熟悉,所
http://www.cyqdata.cn/cnblogs/article-detail-35901
字符串连接类(Javascript)
最近在看一同事写的代码时,有一个字符串用了一堆“+”号,看了半天没明天到底会输出什么样的内容,
就想到用字符串连接的类,把以前的方法写成了类的方式,方便调用 ,
支持实例调用 和静态调用参数可以是单独的字符串,或者json的格式,或者类似参数数组的方式,见下面示例
/*
* @author: uedsky
 
http://www.cyqdata.cn/cnblogs/article-detail-35742
[原创]祝贺《JavaScript 秘密花园》中文翻译被官方正式采纳 - setInterval 纠错
祝贺《JavaScript 秘密花园》中文翻译被官方正式采纳,大家以后可以随时通过官方网站浏览:http://bonsaiden.github.com/JavaScript-Garden/zh/
由于这是一个不断更新的文档,如果有新的更新或者纠错我会及时更新中文翻译。
这篇文章的起因是有网友提的 Issue: https://github.com/BonsaiDen/JavaScript
http://www.cyqdata.cn/cnblogs/article-detail-35729
(原创)JAVA读取硬件信息(MAC地址,CPU号,硬盘卷标,CPU型号及CPU使用率等信息)
在发布新版的MYPM时,加密要用到相关硬件信息,于是写了下面的测试类
运行main 打印信息如下图
如果读取所有MAC地址,在下面代码打印MAC地址处for循环既可
需要引用的包sigar-1.6.3.jar
及相关动态库 测试时我加载了sigar自带所有动态库
详见main方法内
package cn.com.mypm.common.util;import java.io.B
http://www.cyqdata.cn/cnblogs/article-detail-35657
写了10年Javascript未必全了解的连续赋值运算
很喜欢 蔡蔡 的这个标题,实际蔡蔡已经分析过了,这里借用了。或许有点标题党的意思。看完就知了。
一、引子
var a = {n:1};
a.x = a = {n:2};
alert(a.x); // --> undefined
这是蔡蔡在看 jQuery源码 时发现这种写法的。以上第二句 a.x = a = {n:2} 是一个连续赋值表达式。这个连续赋值表达式在引擎内部究竟发生了什么
http://www.cyqdata.cn/cnblogs/article-detail-35532
[翻译]JavaScript秘密花园 - Type Casting,undefined,eval,setTimeout,Auto Semicolon Insertion - 全部完成PDF打包下载
JavaScript Garden - 原文
JavaScript Garden - 中文翻译
PDF打包下载
类型转换
JavaScript 是弱类型语言,所以会在任何可能的情况下应用强制类型转换。
// 下面的比较结果是:truenew Number(10) == 10; // Number.toString() 返回的字符串被再次转换为数字10 == '10';  
http://www.cyqdata.cn/cnblogs/article-detail-35503