MooTools框架获取Element对象的事件
作者：Rekey 发布时间：April 14, 2010 分类：Develop
东西做到一定程度的时候.需要暂停某个Element对象的click事件,想用个变量保存这个函数,但看了半天MooTools的API都没看到相关方法..
无奈自己翻源代码,找到了.
Element.retrieve('events')[event_type].keys;
通过上的方法得到的是一个事件的数组.
通过上的方法得到的是一个事件的数组.
序列化内容块,紧贴布局
作者：Rekey 发布时间：April 10, 2010 分类：Develop
之前公司有要仿造一个国外网站的这样一个效果.可直接扣下来似乎效果不太好.所以我自己写了一个.idea非原创,代码自己写的.
再加上最近对mootools比较感兴趣.就用这个效果练手了.写了这么个效果.
鉴于js处理高亮太卡..请大家猛击以下连接查看效果..
demo link
jQuery1.4正式版发布了.
作者：Rekey 发布时间：January 15, 2010 分类：Develop,News
官方网站已经提供下载了.请猛击 http://jquery.com/
下载地址
http://code.jquery.com/jquery-1.4.min.js
http://code.jquery.com/jquery-1.4.js
更新说明:
- 常用方法的性能大幅提升。重写了大部分较早期的函数。
- 更容易使用的设置函数（setter function）。为所有对象新增了许多易用的设置函数。
- Ajax方面的改进。引入了许多Ajax和JSON处理方面的更新，包括HTML5元素的序列化。
- attribute（改进了.attr()的性能）、jQuery()核心函数、CSS（.css()性能有两倍提升）、特效和事件、DOM操作等也有显著改进。
颜色渐变
作者：Rekey 发布时间：December 15, 2009 分类：Develop
今天突发奇想.研究了下10进制和16进制的东西.
想到了颜色的表达也是16进制的..所以就尝试性的写下了这些!~
嘿嘿.还蛮好玩的.
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
* {
padding: 0;
margin: 0
}
#main {
width: 500px;
float: left;
height: 20px;
background: #000
}
#slidebar {
width: 300px;
float: left;
height: 20px;
}
</style>
<script type="text/javascript">
function colorShow(sColor, eColor){
this.sNum = Number('0x' + sColor);
this.eNum = Number('0x' + eColor);
}
colorShow.prototype = {
init: function(){
this.step = parseInt((this.eNum - this.sNum) / 10, 10)
this.step = this.step == 0 ? 1 : this.step;
this.sNum = (this.sNum + this.step > this.eNum) ? this.eNum : this.sNum + this.step;
},
fx: function(){
var _self = this
setTimeout(function(){
document.getElementById('main').style.backgroundColor = '#' + _self.sNum.toString(16);
document.getElementById('slidebar').innerHTML = '#' + _self.sNum.toString(16);
_self.fx();
_self.init();
}, 100)
}
}
window.onload = function(){
var tes = new colorShow('000000', 'ffffff');
tes.init();
tes.fx()
}
</script>
</meta>
</head>
<body>
<div id="main">这里的颜色变动</div>
<div id="slidebar">slidebar</div>
</body>
</html>
常用正则表达式
作者：Rekey 发布时间：December 10, 2009 分类：Develop
正则表达式用于字符串处理、表单验证等场合，实用高效。现将一些常用的表达式收集于此，以备不时之需。
匹配中文字符的正则表达式： [\u4e00-\u9fa5]
评注：匹配中文还真是个头疼的事，有了这个表达式就好办了
匹配双字节字符(包括汉字在内)：[^\x00-\xff]
评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）
匹配空白行的正则表达式：\n\s*\r
评注：可以用来删除空白行
匹配HTML标记的正则表达式：<(\S*?)[^>]*>.*?</\1>|<.*? />
评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力
匹配首尾空白字符的正则表达式：^\s*|\s*$
评注：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
评注：表单验证时很实用
匹配网址URL的正则表达式：[a-zA-z]+://[^\s]*
评注：网上流传的版本功能很有限，上面这个基本可以满足需求
匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
评注：表单验证时很实用
匹配国内电话号码：\d{3}-\d{8}|\d{4}-\d{7}
评注：匹配形式如 0511-4405222 或 021-87888822
匹配腾讯QQ号：[1-9][0-9]{4,}
评注：腾讯QQ号从10000开始
匹配中国邮政编码：[1-9]\d{5}(?!\d)
评注：中国邮政编码为6位数字
匹配身份证：\d{15}|\d{18}
评注：中国的身份证为15位或18位
匹配ip地址：\d+\.\d+\.\d+\.\d+
评注：提取ip地址时有用
匹配特定数字：
^[1-9]\d*$ //匹配正整数
^-[1-9]\d*$ //匹配负整数
^-?[1-9]\d*$ //匹配整数
^[1-9]\d*|0$ //匹配非负整数（正整数 + 0）
^-[1-9]\d*|0$ //匹配非正整数（负整数 + 0）
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ //匹配正浮点数
^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ //匹配负浮点数
^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$ //匹配浮点数
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$ //匹配非负浮点数（正浮点数 + 0）
^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$ //匹配非正浮点数（负浮点数 + 0）
评注：处理大量数据时有用，具体应用时注意修正
匹配特定字符串：
^[A-Za-z]+$ //匹配由26个英文字母组成的字符串
^[A-Z]+$ //匹配由26个英文字母的大写组成的字符串
^[a-z]+$ //匹配由26个英文字母的小写组成的字符串
^[A-Za-z0-9]+$ //匹配由数字和26个英文字母组成的字符串
^\w+$ //匹配由数字、26个英文字母或者下划线组成的字符串
评注：最基本也是最常用的一些表达式