2013年3月6日

js正则表达式

摘要: 1. 正则表达式规则1.1 普通字符 字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号,都是"普通字符"。表达式中的普通字符,在匹配一个字符串的时候,匹配与之相同的一个字符。举例1:表达式 "c",在匹配字符串 "abcde" 时,匹配结果是:成功;匹配到的内容是:"c";匹配到的位置是:开始于2,结束于3。(注:下标从0开始还是从1开始,因当前编程语言的不同而可能不同)举例2:表达式 "bcd",在匹配字符串 "abcde" 时,匹配结果是:成功;匹配到的内容 阅读全文

posted @ 2013-03-06 22:33 小嘟 阅读(212) 评论(1) 推荐(1)

雅虎网站页面性能优化的34条黄金守则

摘要: 雅虎团队经验:网站页面性能优化的34条黄金守则1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。合并文件是通过把所有的脚本放到一个文件中来减少HTTP请求的方法,如可以简单地把所有的CSS文件都放入一个样式表中。当脚本或者样式表在不同页面中使用时需要做不同的 阅读全文

posted @ 2013-03-06 18:44 小嘟 阅读(118) 评论(0) 推荐(0)

HTTP协议详解

摘要: 转自:http://blog.csdn.net/gueter/archive/2007/03/08/1524447.aspxAuthor :Jeffrey引言HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过几年的使用与发展,得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版,HTTP/1.1的规范化工作正在进行之中,而且HTTP-NG(Next Generation of HTTP)的建议已经提出。HTTP协议的主要特点可概括如下:1.支持客户/服务器模式。2.简单快速:客户向服务器请求服务时,只需传送请求 阅读全文

posted @ 2013-03-06 17:54 小嘟 阅读(139) 评论(0) 推荐(0)

jQuery实现滚动加载图片效果

摘要: /****************滚动加载图片函数****************/ function scrollLoading(){ var st = $(window).scrollTop(), sth = st + $(window).height(); var $targetpics = $("img.scrloadpic"); var len = $targetpics.length; for(var i=0; i< len; i++) { var $temppic = $targetpics.eq(i); var post = $temppic.... 阅读全文

posted @ 2013-03-06 14:36 小嘟 阅读(389) 评论(0) 推荐(0)

2013年3月5日

js 编程时注意事项

摘要: Tip1: 网页中用js动态加载的元素,这些元素的click等事件响应必须写在这个加载部分的代码后面,否则事件不能正常响应。 阅读全文

posted @ 2013-03-05 23:09 小嘟 阅读(184) 评论(0) 推荐(0)

CSS3 Transform Matrix

摘要: css3中的transform让我们操作变形变得很简单,诸如,translate–移动,scale–缩放,rotate–旋转,skew–斜切。这几个属性很方便,也很简单,但是其中matrix我们就不常使用了吧。-webkit-transform: matrix(1, 0, 0, 1, 100, 100)看到这样一句css,你也许很讨厌怎么一堆的数字,你也许斜视matrix–css也能搞出这货?这篇文章我们一起探讨一下transform中的matrix。一、初识matrix2d matrix提供6个参数啊a,b,c,d,d,e,f其基本写法如下:回顾一下高中数学,或者线性代数,即可知道matri 阅读全文

posted @ 2013-03-05 16:02 小嘟 阅读(389) 评论(0) 推荐(0)

border-image

摘要: 首先来一个素材图片whiteButton.png然后我们要做成这样的效果:代码(呵呵!请不要急,继续向下看):代码<divstyle="-webkit-border-image:url(images/whiteButton.png)012012stretchstretch;-moz-border-image:url(images/whiteButton.png)012012roundstretch;border-image:url(images/whiteButton.png)012012stretchstretch;display:block;width:600px;bord 阅读全文

posted @ 2013-03-05 14:33 小嘟 阅读(145) 评论(0) 推荐(0)

box-shadow

摘要: 语法:box-shadow:<length><length><length><length>||<color>取值:<length><length><length>?<length>? ||<color>:阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色说明:设置块阴影box-shadow这个属性应用的非常普遍,可以使你的元素立刻变得漂亮起来,只是记得不要把值设得太离谱。box-shadow的四个参数:x-offset x轴偏移y-offset 阅读全文

posted @ 2013-03-05 14:23 小嘟 阅读(172) 评论(0) 推荐(0)

2013年3月4日

Js中 关于top、clientTop、scrollTop、offsetTop的用法

摘要: 网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: document.body.scrollTop;网页被卷去的左: document.body.scrollLeft;网页 阅读全文

posted @ 2013-03-04 17:27 小嘟 阅读(207) 评论(0) 推荐(0)

动态显示选项框

摘要: 效果(如上图): 鼠标滑到“应用”上时显示下面几个图标,鼠标离开后隐藏图标。方法:写一个<div>用来存放这些小图标,然后再鼠标滑动的时候append到“应用”所在的div里。(这里暂时先不要用下面的方法实现,用下面的方法实现,鼠标就不能移到各个图标上,因为鼠标一离开“应用”,图标框就会自动隐藏)效果(如上图):点击笑脸图标则弹出各种表情选项框,点击选项框外任意地方可以隐藏选项框。方法: 可任意涌上一种方法实现,也可以写一个div放置选项框,然后设置这个div的position为absolute;Tips:<title>Untitled Document</tit 阅读全文

posted @ 2013-03-04 15:29 小嘟 阅读(161) 评论(0) 推荐(0)

导航