lidiansheng的专栏

js正则表达式使用一，概述1，正则表达式，可以说是任何一种编程语言都提供的机制，它主要是提供了对字符串的处理能力。2，正则表达式在页面处理中的使用场景：1）表单验证。验证某些域符合某种规则，例如邮件输入框必须输入的是邮件、联系电话输入框输入的必须是数字等等2）处理DOM模型。例如通过表达式定位DOM中的一个对象或一系列对象，一个例子就是定位id属性中含有某个特殊字符的div对象

首先说明一下load事件与ready事件的区别HTML文档加载顺序：①       解析HTML结构②       加载外部脚本和样式表文件③       解析并执行脚本代码④       构造HTML DOM模型⑤       加载图片等外部文件⑥       页面加载完毕Load事件是在页面加载完毕后触发；ready事件是在DOM模型构造

Yahoo网站性能优化的34条规则1、尽量减少HTTP请求次数      终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。      减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有

New Document var index=0; function addedu(){ //alert(index); var edu=document.getElementById("education"); var current = document.getElementById("current_edu"

这是网站提供给搜索引擎的接口这是用wireShark截获的数据：既然传输的是明文……………………但是在renren.com上登录传输的是密文查看网页源代码后明白了原来renren.com上对密码进行了客户端的RSA加密

parseInt用法parseInt(s); parseInt(s,radix)　　第一个方式不再多说，第二个方式，radix是s所基于的进制。范围为2-36（不在此范围函数将返回NaN）。今天遇到下面的情况： 　  对于parseInt("01")到parseInt("07");都能得到正确的结果（0-7），但如果是parseInt("08") 或parseInt("09

.bind()、.live()和.delegate()之间的区别并非总是那么明显的，然而，如果我们对所有的不同之处都有清晰的理解的话，那么这将会有助于我们编写出更加简洁的代码，以及防止在交互应用中弹出错误。原文：The Difference Between jQuery’s .bind(), .live(), and .delegate()作者：Steve Schwartz时间：2

翻译原文地址：http://www.alfajango.com/blog/exploring-jquery-live-and-die/很多开发者都知道jQuery的.live()方法，他们大部分知道这个函数做什么，但是并不知道是怎么实现的，所以用的并不那么舒适。而且他们却从未听过还有解除绑定的.live()事件的.die()方法。即使你熟悉这些，但是你意识到.die()了吗？

parent是找当前元素的第一个父节点，不管匹不匹配都不继续往下找parents是找当前元素的所有父节点 closest() 是找当前元素的所有父节点 ，直到找到第一个匹配的父节点parent()、parents()与closest()方法两两之间有类似又有不同，本篇简短的区分一下这三个方法。通过本篇内容，大家将会在以后使用.parent()、parents()和close

注：因为我们要在 MSIE 和其他浏览器下运行，Firefox 和其他浏览器用 event.pageX 和 event.pageY 来表示鼠标相对于文档的位置，如果你有一个 500*500 的窗口并且你的鼠标在绝对中间，那么 pageX 和 pageY  的值都是 250，如果你向下滚动  500， 那么 pageY 将变成 750。MSIE 正好相反，它使用 event.clientX

preventDefault方法的起什么作用呢？我们知道比如http://www.baidu.com">百度,这是html中最基础的东西，起的作用就是点击百度链接到http://www.baidu.com,这是属于标签的默认行为，而preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。看一段代码大家就明白了：     JS阻止链接跳转 function

mouseover与mouseenter不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。mouseout与mouseleave不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有在鼠标指针离开被选元素时，才会触发 mouseleave 事

方法:document.getElementById("xx").style.xxx中的所有属性是什么盒子标签和属性对照CSS语法（不区分大小写）JavaScript语法（区分大小写）borderborderborder-bottomborderBottomborder-bottom

于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap支持，后者要求用户设备必须支持WebSocket

IE 选择器 Hack/* IE 6 and below */ * html .selector  {}    .suckyie6.selector {} /* .suckyie6 can be any unused class */ /* IE 7 and below */ .selector, {} /* IE 7 */ *:first-child+html .sele

在javascript中，函数总是在一个特殊的上下文执行（称为执行上下文），如果你将一个对象的函数赋值给另外一个变量的话，这个函数的执行上下文就变为这个变量的上下文了。下面的一个例子能很好的说明这个问题代码如下:window.name = "the window object" function scopeTest() { return this.name; } // calling

JS定义类方式：①：工厂方式function createStuFactory(){ Var stu = new Object(); stu.name=”lidiansheng” stu.age=23; stu.show = function(){alert(stu.name+stu.age);} return stu;}②：构造函数方式 function

一、什么是闭包？ 官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话，因为他描述的太学术。其实这句话通俗的来说就是：JavaScript中所有的function都是一个闭包。不过一般来说，嵌套的function所产生的闭包更为强大，也是大部分时候我们所谓的“闭包”。看下面这段代码：fun

JS中正规表达式有两种声明方式1. 构造函数：var re = new RegExp('JavaScript', 'i') 其中i是正则式的模式标志，共有3个，i表示不区分大小写，g表示全局匹配，m表示多行匹配2.直接量语法，包含在一对/中间，如 var re = /JavaScript/i有特殊意义的字符^ $ . * + ? = ! : | \ / () [] {}尽管有些

在JavaScript中也有很多种的”空值”和”假值”，那么它们都有什么共同点和不同点呢？     其实标题里面我已经列出了JavaScript中所有的”空值”和”假值”，除了boolean值本身就是true和false这两种情况外，其它数据类型的”空值”主要是undefined和defined这两大类。更多……这些空值的类型分别是：typeof(undefined) == 'undefi

width:100%引自：http://lenciel.cn/2011/09/width_with_percentage_in_css/ 这似乎是CSS里面最简单的一个概念：如果你希望一个block-level的元素填满整个父容器的所有空白，只需要为这个元素声明width:100%这个属性就可以了。但从个人经验和搜索结果看，大概很多CSS使用者都有过加上这个属性后挠头不已的惨痛回忆

offsetWidth/clientWidth/scrollTop…题记：offset/client/scroll 这几组属性容易搞混，查了些资料，研究了下，写些心得。1. 基本概念offsetWidth/offsetHeight对象的可见宽度，包含滚动条和border。非标准属性，但各浏览器都支持clientWidth/clientHeight对象的可见宽

CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加

效果图如上：可以手动输入值，也可以选择下拉列表值思路：①布局select和input，让input覆盖select，除了select的下拉图标，以方便select选择②编写JS，为select添加onchange事件，onchange时将input的value置成select选中的值下面给出两个实现： html,body {width:100%;he

Array.prototype.strip=function(){ if(this.length<2) return [this[0]]||[]; var arr=[]; document.write("原数组"+this+""); document.write("过程如下:"); for(var i=0;i<this.length;i++) {

一：splice()方法：（用于数组）arrayObject.splice(index,howmany,element1,.....,elementX)参数描述index必需。规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。howmany必需。规定应该删除多少元素。必须是数字，但可以是 "0

网站性能工具Yslow的使用方法Yslow是雅虎开发的基于网页性能分析浏览器插件，从年初我使用了YSlow后，改变了博客模板大量冗余代码，不仅提升了网页的打开速度，这款插件还帮助我分析了不少其他网站的代码，之前我还特意写了提高网站速度的秘籍，就是通过这款插件分析得出的。网络上已经有不少Yslow使用说明了，本文我想介绍下我使用Yslow的方法和一些别人没提到的小技巧。Yslow的安装方

1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if (value=='') {va

提高网站打开速度的7大秘籍很多站长使用虚拟主机来做网站，网页内容一旦很多，网站打开速度就会特别慢，如果说服务器、带宽、CDN这类硬指标我们没有经济实力去做，不妨通过网页代码优化的方式来提高速度，卢松松总结了一些可行性的方法。1: 缩小Javascript和CSS文件如果你的网站大约有50-60%的用户是第一次访客，那么这些人会下载Javascript和CSS，如果这些文件很大浏览器

clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。offsetX 设置或获取鼠标指针位置相对于网页中的某一区域左上角的 x 坐标。offsetY 设置或获取鼠标指针位置相对于网页中的某一区域的左上角的

要实现垂直居中,见代码：Measure for Measure body{text-align:center;height:100%;} #wrap{ height:100px; width:100px; border:1px solid red; text-align:center; /*关键代码*/ position:relat

今天看了一段YUI compressor压缩的js代码： userNum && (ind += index,ind >= userNum && (ind -= userNum),ind 直接疯掉了，估计一下子没几个人能看懂。那么就把他“翻译”一下。&& (逻辑与) 这里主要是一个“&&”运算，首先要搞懂这个，看一个简单的例子：

New Document //方法一 function showclock(){ var weekarr = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); var montharr = new Array("一月","二月","三月","四月","五月","六月","七月",

首先来个最简单的理解            eval可以将字符串生成语句执行，和SQL的exec()类似。                            eval的使用场合是什么呢？有时候我们预先不知道要执行什么语句，只有当条件和参数给时才知道执行什么语句，这时候eval就派上用场了。举个例子：                我们要做一个function()，功能是输入