来客轩

直接加class liteBox调用， 有加载进度条，在链接中设置宽度、高度和是否有滚动条！js压缩代码1.4k

演示地址：http://wlog.com.cn/code/jquery/liteBox/demo.html

下载地址：liteBox

一款不错的密码强度插件！

1 jquery.pstrength插件和jquery文件

2 载入jquery文件和jquery.pstrength文件

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.pstrength-min.1.2.js"></script>
<script type="text/javascript">
$(function() {
	$('#user_password').pstrength();
});
</script>

3 HTML加入密码输入框，id=”user_password”:

密码：<input type="password" id="user_password" name="user_password" />

4 css:

.pstrength-minchar {
font-size : 10px;
}
input {
	width:180px;
	height:12px;
	line-height:12px;
	padding:4px 0px;
	border: #cfcfcf 1px solid;
	color: #585858;
}

演示地址

插件官方地址：Ajax Password Strength Meter Script

YSlow是yahoo美国开发的一个页面评分插件，非常的棒，从中我们可以看出我们页面上的很多不足，并且可以知道我们改怎么却改进和优化。

仔细研究了下YSlow评分规则。

主要有12条：

1. Make fewer HTTP requests 尽可能少的http请求。。我们有141个请求（其中15个JS请求，3个CSS请求，47个CSS background images请求），多的可怕。思考了下，为什么把这个三种请求过多列为对页面加载的重要不利因素呢，而过多的IMG请求并没有列为不利因素呢？

发现原来这些请求都是可以避免的。

15个JS和3个CSS完全可以通过特殊的办法进行合并（这个技术部已经帮我们解决了，实在是太感谢了，嘿嘿。），这样合并以后，一般情况下页面上只会出现一个JS和一个CSS（对JS的封装得有一定的要求）。

但是47个CSS background images请求改怎么解决呢？为什么页面上的纯IMG请求时合理的，而CSS background images请求过多就是不利因素了呢。这个我想了很久，总算明白，原来是这样的：

一般页面上的ICON，栏目背景啊，图片按钮啊，我们都会用图片CSS背景来实现，而一般这个图片CSS背景用到的图片都是比较小的，所以完全可以把这些图片合并成一个相对比较大的图片，这样页面上只会出现一个CSS background images请求，最多也就2-3个。后来仔细看了下雅虎美国的页面，他们的确也是这样做的，虽然这样做需要花一定的时间来有规则的合并这些ICON，栏目背景，图片按钮，以方便CSS调用，但是这样做绝对是合算的，而且是有必要的，YSlow也是极力推荐的。

Read More »