下面就介绍下简单的使用方法：

1、下载地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/，本文章发布时最新版是1.7。

2、在页面里面加载JQuery和JQuery Validate

<script type="text/javascript" src="theme/default/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="theme/default/js/jquery.validate.min.js"></script>

3、写一个表单提交页面，form id 为 login，两个提交域email和password。域提供相应的id。为了完善demo，我在里面也提供了一个注册的form，同时提供了自定义验证方法和ajax提交。

4、在页面或者单独写个js文件，输入如下代码：

$().ready(function() {
    //身份证验证
    jQuery.validator.addMethod("isIdCardNo", function(value, element) {
        return this.optional(element) || isIdCardNo(value);
    }, "请正确输入您的身份证号码");
    // 电话号码验证
    jQuery.validator.addMethod("isPhone", function(value, element) {
        var tel = /^(\d{3,4}-?)?\d{7,9}$/g;
        return this.optional(element) || (tel.test(value));
    }, "请正确填写您的电话号码");
    //昵称验证
    jQuery.validator.addMethod("nickName", function(value, element) {
        return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value);
    }, "昵称只能由中文，英文字母、数字和下划线组成");
    //手机验证
    jQuery.validator.addMethod("isMobile", function(value, element) {
        var length = value.length;
        var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
        return this.optional(element) || (length == 11 && mobile.test(value));
    }, "请正确填写您的手机号码");
    // 邮政编码验证
    jQuery.validator.addMethod("isZipCode", function(value, element) {
        var tel = /^[0-9]{6}$/;
        return this.optional(element) || (tel.test(value));
    }, "请正确填写您的邮政编码");

    $("#login").validate({
        //        submitHandler: function() {
        //            $("#error_tip").hide();
        //            $.ajax({
        //                data:$("#login").serialize(),
        //                // The url you are going to submit to
        //                url: "login.action",
        //                dataType: 'json',
        //                timeout: 10000,
        //                // Sends a message to the console if it failed for testing purposes.
        //                error: function() {
        //                    $("#error_tip").html("<span>服务器忙，请稍后重试。</span>")
        //                },
        //                // If successful you can do something here. You can change elements, update text, or  simply alert the response to first test to see if it worked.
        //                success: function(response) {
        //                        $("#error_tip").html("<span>"+ response.result +"</span>")
        //                        $("#error_tip").show();
        //                }
        //            });
        //        },
        rules: {
            email: {
                required: true,
                email: true
            },
            password: {
                required: true
            }
        },
        messages: {
            password: {
                required: "请输入密码"
            },
            email: {
                required:"请输入邮件地址",
                email:"请输入有效的邮件地址"
            }
        }
    });

    $("#reg").validate({
        rules: {
            email: {
                required: true,
                email: true,
                remote:"checkEmail.action"
            },
            password: {
                required: true,
                minlength: 6,
                maxlength:12
            },
            confirm_password: {
                required: true,
                minlength: 6,
                equalTo: "#password"
            },
            answer:{
                required: true
            },
            agree: "required"
        },
        messages: {
            password: {
                required: "请输入密码",
                minlength: "密码长度在6-12个字符之间",
                maxlength: "密码长度在6-12个字符之间"
            },
            confirm_password: {
                required: "请输入密码",
                minlength: "密码长度在6-12个字符之间",
                equalTo: "你输入的密码不一致"
            },
            email: {
                required:"请输入有效的邮件地址",
                email: "请输入有效的邮件地址",
                remote: "邮件地址已存在"
            },
            answer:"请输入安全问题答案",
            agree: "请接受我们的条款"
        }
    });
}

上面的代码基本上包含了大部分JQuery Validate的使用功能：

1、基本验证

2、自定义验证 – 自定义验证跟其他官方的验证类似，加入rules即可，message上面已经定义，可以不加。

3、页面ajax提交。

4、ajax验证Emai帐户是否可用，需要注意的是remote仅支持返回true和false，也就是checkEmail.php只能返回true和false代表Email是否可用

更多Demo，请查看JQuery Validate的官方文档，很好理解：
1、http://docs.jquery.com/Plugins/Validation
2、http://jquery.bassistance.de/validate/demo/

我们的服务器全部采用CentOS，因此下面的配置也是基于CentOS来配置的。

安装流程：

cd /opt/

yum install gcc openssl-devel pcre-devel zlib-devel

wget http://nginx.org/download/nginx-0.8.38.tar.gz

wget http://github.com/gnosek/nginx-upstream-fair/tarball/master

tar –zxvf nginx-0.8.38.tar.gz

tar –zxvf gnosek-nginx-upstream-fair-2131c73.tar.gz

cd nginx-0.8.38

./configure
--with-http_stub_status_module
--add-module=/opt/gnosek-nginx-upstream-fair-2131c73

make & make install

正常一步步走下面是不会出问题的，前提确保你的服务器网络可用。

Nginx启动脚本：

#!/bin/bash
# Nginx Manage Script
#
# processname: nginx
# pidfile: /var/run/nginx.pid
# config: /usr/local/nginx/conf/nginx.conf

nginxd=/usr/local/nginx/sbin/nginx
nginx_config=/usr/local/nginx/conf/nginx.conf
nginx_pid=/var/run/nginx.pid
lockfile=/var/lock/subsys/nginx

RETVAL=0
prog="nginx"

# Source function library.
. /etc/rc.d/init.d/functions

# Source networking configuration.
. /etc/sysconfig/network

# Check that networking is up.
[ ${NETWORKING} = "no" ] && exit 0

[ -x $nginxd ] || exit 0

# Start nginx daemons functions.
start() {

if [ -e $nginx_pid ];then
   echo "nginx already running...."
   exit 1
fi

   echo -n $"Starting $prog: "
   daemon $nginxd -c ${nginx_config}
   RETVAL=$?
   echo
   [ $RETVAL = 0 ] && touch $lockfile
   return $RETVAL

}

# Stop nginx daemons functions.
stop() {
        echo -n $"Stopping $prog: "
        killproc $nginxd
        RETVAL=$?
        echo
        [ $RETVAL = 0 ] && rm -f $lockfile $nginx_pid
}

# reload nginx service functions.
reload() {

    echo -n $"Reloading $prog: "
    killproc $nginxd -HUP
    RETVAL=$?
    echo

}

# See how we were called.
case "$1" in
start)
        start
        ;;

stop)
        stop
        ;;

reload)
        reload
        ;;

restart)
        stop
        start
        ;;

status)
        status $prog
        RETVAL=$?
        ;;
*)
        echo $"Usage: $prog {start|stop|restart|reload|status|help}"
        exit 1
esac

exit $RETVAL

将上面的脚本放在 /etc/init.d/nginx 文件里面

chmod +x /etc/init.d/nginx

/etc/init.d/nginx start

单机集群和多机集群配置上大同小异，只是代理服务器不同而已，单机集群代理服务器和代理节点在一个机子上，而多机集群就是将代理服务器和代理节点分布在不同的机器上。

下面就一步步来配置GlassFish集群，我是在Linux上部署的，因此下面的部署方式是Linux下的部署方式，Windows下的差不多：

1、下载 GlassFish， 我选择的是 GlassFish Server Open Source Edition 2.1.1中的 glassfish-installer-v2.1.1-linux-ml.jar 多语言版；

Linux Platform

• glassfish-installer-v2.1.1-linux.jar size 64MB
• glassfish-installer-v2.1.1-linux-ml.jar size 78MB

2、安装GlassFish，安装前确保你的Linux上安装了JDK5 或者 JDK6

• java -Xmx256m -jar glassfish-installer-v2.1.1-b31g-linux-ml.jar
• cd glassfish
• chmod +x lib/ant/bin/ant
• lib/ant/bin/ant -f setup-cluster.xml (确定安装的是cluster)

3、启动GlassFish，创建Node Agent

• bin/asadmin start-domain (启动GlassFish)，正常情况下GlassFish就可以启动了，打开 http://localhost:4848 就可以访问了。
• 创建Node Agent 1，bin/asadmin create-node-agent –host 172.16.100.125 –port 4848 agent1，
• 创建Node Agent 2,  bin/asadmin create-node-agent –host 172.16.100.125 –port 4848 agent2，

说明：这里的172.16.100.125就是代理服务器的IP，如果你是多机集群，那就是在其他IP的机子上创建node agent

• 分别启动Node Agent，bin/asadmin start-node-agent agent1 和 bin/asadmin start-node-agent agent2,

说明：这里需要输入代理服务器的用户名，密码和主密码，主密码默认是：changeit，未改动直接回车即可

4、创建集群，启动集群

• 打开 http://localhost:4848，点击Cluster/集群左侧菜单，新建一个集群，
• 创建两个实例，节点分别选择之前创建的agent1和agent2，
• 启动集群，正常情况下，集群就可以正常启动，两个实例也会随之启动，

说明：如果这里集群无法启动，那么需要更改下hosts，注释掉 127.0.0.1 localhost.localhostdomain localhost, 新增一条，将IP改为你的本机IP，比如 172.16.100.100 test.test localhost，

• 集群启动后，就可以在集群里面，选择部署应用程序了，部署完应用程序(推荐GlassFish samples里面自带的clusterjsp例子)，会分别在node agent下面看到部署的应用程序，目录地址：glassfish/nodeagents/<节点名>/<实例名>/applications/j2ee-modules/

说明：默认集群的访问IP是38080和38081端口，通过你的IP:38080/project_name和IP:38081/project_name就可以访问你的应用。

参考文章：
1、http://blogs.sun.com/anilam/entry/glassfish_v2_admin_console_series
2、http://wlmouse.javaeye.com/blog/179637

先看看Axure的Demo吧：http://www.axure.org/demo/

做过前端的人应该会更有感觉，操作上不会感觉太难，很快就可以上手，这要得益于Axure强大的组件库，基本上常用的组件都有，另外还有其他一些特殊的第三方组件提供下载。

这次项目中用Axure主要原因是界面框架的原因，如果UI和前端(我做)做完页面，把网页给客户看，那估计要费时不少，加上随时的改动，到后面会越做越忙，越做改动越大，所以就早动手，先用Axure把网站的各个页面框架和页码流程搭起来，跟客户一一确认，尽快完成这块的内容，再由UI去跟客户确认配色的问题，前端这个时候就可以开工了，跟之前的项目流程比，至少框架不会大动了！

第一次拿做好的页面框架给客户看，客户以为这么快页面就出来啦，很有兴趣，当然我就得必须解释解释了，这个只是框架图，和最终的效果图是有些距离的，这些页面只是将页面框架和流程展示下。

学习Axure，最主要就是多用，多看别人的Axure例子，如果一个效果自己一下子无法实现，可以在网上找别人的rp文件，仔细研究下，很快就可以自己做出来了！

再者Axure现在有好些模板，不一定就得自己去实现，Axure只是个工具，不管从哪个方面入手，达到你要的效果即可。

推荐区国内Axure推广比较有名的网站：http://www.axure.org/ 上面有很多教程和例子，可以进一步帮助学习Axure的使用。

1、Apache 反向代理只做 HTTP 透明转发，因此，Tomcat 那边，如果使用 Servlet API 获取 request url, server info等等，都是 Tomcat 的。在Tomcat 上的 JSP 或者 HTML 文件里面，都应该是相对路径，不应该使用绝对路径，更不能使用带 Tomcat 地址的 URL。

2、Apache KeepAlive和KeepAliveTimeout的使用，首先KeepAlive的on还是off，需要根据应用来决定，一般的使用是静态资源较多时启用，动态资源较多时关闭，对于高负荷服务器来说，KeepAliveTimeout值较大会导致一些性能方面的问题：超时值越大，与空闲客户端保持连接的进程就越多。

3、Tomcat中的maxThread的建议赋值范围在500-750，如果超过750，那么建议使用2个tomcat组成集群，每个设置为500，这样的使用效果比单个设置为1000要好的多！

IE6虽然要被淘汰了，但是从统计来看，国内使用IE6的用户还是居多，下图是一个小型网站的IE浏览器访问统计：

无法否认的事实将继续折腾前端工程师在网页设计时，不得不继续考虑IE6的用户体验。

IE6下常见问题汇总：

1、IE6下层不能在下拉框之上的问题

2、IE6的双倍边距BUG

3、IE6下两个层中间有间隙

4、IE6使用滤镜使PNG图片透明后，容器内链接失效的问题

5、IE6下为什么图片下方有空隙产生

6、IE6下定义div最小高度

7、IE6下PNG透明办法

8、链接伪类（:hover）CSS背景图片有闪动BUG

9、IE6 中文注释造成部分样式失效

10、LI在IE6中底部空行的BUG

最后，推荐查看WEB前端开发，由 愚人码头 整理的 IE6 BUG 专栏：http://www.css88.com/archives/579
详细整理了IE6下的bug和解决办法。

最近这段时间一个项目处于最后的调试，上线阶段，服务器和程序的优化方面成为最近的重点，以确保项目上线后可以达到预定的目标。

最终上线的配置是Apache+Tomcat集群，Nginx仅仅参与了一下测试，算是体验下，以后估计会在前端上多多使用。

Apache前端使用的是反向代理配置方式，Session Sticky，Tomcat配置sessionDB。

Apache基本上采用默认配置，由于使用prefork模式，因此调整了prefork下的一些参数配置。

Tomcat调整了连接数，Apache和Tomcat在同台机子上，调整了Linux系统的ulimit。

Nginx做前端时，没有配置session同步，压力测试的表现方面，没发现Apache和Nginx有太大差异，不过有一次Apache前端被压挂了，无法关闭httpd。

另外这次将GlashFish和Tomcat做了一个简单的对比，发现GlashFish+自身连接池测试效果要好于Tomcat+DBCP连接池，表现方面一个是内存使用上，另一个是数据库连接数和响应上。

本周主题 — MySQL Explain 详解

Explain语法：explain select … from … [where ...]

例如：explain select * from news;

输出：

+----+-------------+-------+-------+-------------------+---------+---------+-------+------+-------+
| id | select_type | table | type | possible_keys | key | key_len | ref | rows | Extra |
+----+-------------+-------+-------+-------------------+---------+---------+-------+------+-------+


下面对各个属性进行了解：

1、id：这是SELECT的查询序列号

2、select_type：select_type就是select的类型，可以有以下几种：

SIMPLE：简单SELECT(不使用UNION或子查询等)

PRIMARY：最外面的SELECT

UNION：UNION中的第二个或后面的SELECT语句

DEPENDENT UNION：UNION中的第二个或后面的SELECT语句，取决于外面的查询

UNION RESULT：UNION的结果。

SUBQUERY：子查询中的第一个SELECT

DEPENDENT SUBQUERY：子查询中的第一个SELECT，取决于外面的查询

DERIVED：导出表的SELECT(FROM子句的子查询)

3、table：显示这一行的数据是关于哪张表的

4、type：这列最重要，显示了连接使用了哪种类别,有无使用索引，是使用Explain命令分析性能瓶颈的关键项之一。

结果值从好到坏依次是：

system > const > eq_ref > ref > fulltext > ref_or_null > index_merge > unique_subquery > index_subquery > range > index > ALL

一般来说，得保证查询至少达到range级别，最好能达到ref，否则就可能会出现性能问题。

5、possible_keys：列指出MySQL能使用哪个索引在该表中找到行

6、key：显示MySQL实际决定使用的键（索引）。如果没有选择索引，键是NULL

7、key_len：显示MySQL决定使用的键长度。如果键是NULL，则长度为NULL。使用的索引的长度。在不损失精确性的情况下，长度越短越好

8、ref：显示使用哪个列或常数与key一起从表中选择行。

9、rows：显示MySQL认为它执行查询时必须检查的行数。

10、Extra：包含MySQL解决查询的详细信息，也是关键参考项之一。

Distinct
一旦MYSQL找到了与行相联合匹配的行，就不再搜索了

Not exists
MYSQL 优化了LEFT JOIN，一旦它找到了匹配LEFT JOIN标准的行，

就不再搜索了

Range checked for each

Record（index map:#）
没有找到理想的索引，因此对于从前面表中来的每一 个行组合，MYSQL检查使用哪个索引，并用它来从表中返回行。这是使用索引的最慢的连接之一

Using filesort
看 到这个的时候，查询就需要优化了。MYSQL需要进行额外的步骤来发现如何对返回的行排序。它根据连接类型以及存储排序键值和匹配条件的全部行的行指针来 排序全部行

Using index
列数据是从仅仅使用了索引中的信息而没有读取实际的行动的表返回的，这发生在对表 的全部的请求列都是同一个索引的部分的时候

Using temporary
看到这个的时候，查询需要优化了。这 里，MYSQL需要创建一个临时表来存储结果，这通常发生在对不同的列集进行ORDER BY上，而不是GROUP BY上

Using where
使用了WHERE从句来限制哪些行将与下一张表匹配或者是返回给用户。如果不想返回表中的全部行，并且连接类型ALL或index， 这就会发生，或者是查询有问题

其他一些Tip：

1. 当type 显示为 “index” 时，并且Extra显示为“Using Index”， 表明使用了覆盖索引。

推荐阅读：
Mysql Explain 详解(强烈推荐，带例子)：http://www.cnitblog.com/aliyiyi08/archive/2008/09/09/48878.html

本周主题–微博

最近应该说是微博产品大爆发了，自从Twitter推出来之后，微博产品在国内就开始火起来，最初最火的饭否因为某某事件到现在没了音信，做啥，嘀咕等目前看似也活得不太好，新浪围脖倒是成为目前微博在国内的代名词了，人气很旺，加上这几天网易微博发布了，搜狐微博也公测完毕了，腾讯微博还在内测，凤凰网微博也还在内测，人民网微博自从上次敏感词事件后关注的少了，其他还有很多…，总之以后微博将会遍地开花，使用的方式也各种各样，手机，Email，即时通讯工具等都可以方便的发布。

OK，说了这么多微博了，我们开始进入主题 – 微博，从几个微博的特点来入手，认识一下微博和它们的不同。

Twitter

作为微博的鼻祖，也是世界上目前使用人数最多的微博之一，Twitter更注重信息的传播，我喊了一嗓子，其他关注我的人可以看到，对于我喊的内容能够得到多少反馈，Twitter并不关注，ReTweet，俗称转发，Twitter原始转发只是把你想转发的内容转发一份出去，所有follow你的人都会看到，原作者并不知道。网友发明的RT，其实就是利用@。

新浪微博

在国内新浪微博做的应该说还算很不错，拓展了对微博的认识，比较典型的是转发和评论，也是实用最多的两个功能，有人说这两个功能有些重叠，个人看并不是这样的，转发一条微博，微博原作者会知道，follow你的粉丝也会看到，但是评论就只有微博原作者会知道，这是微博交互的两个不同途径，让用户有更多的选择。

搜狐微博

微博一般都是限制字数的，140貌似是默认的，网易整出来一个163个字数限制那是因为网易163，可搜狐微博不限制内容长度了，这是个进步还是走偏了方向，定位不准，这里不好说，短小而精悍有好处，但是有时候短小并不能表达想要表达的，估计这是搜狐微博不限制内容长度的一个初衷。

搜狐微博另一个特点是让微博和新闻连接起来，这有点像新闻评论，但是这比新闻评论更具传播性和互动性，你对一个新闻的评论可能会在你的粉丝里面引起更多的评论。

搜狐微博还有一个小功能就是加入了最近访客，进一步增强了互动。

看到这里，想必你对微博比较混淆的功能有了清晰的认识。

其他微博功能大体上都和上面这些类似，腾讯微博据说有点像web版的QQ，没用过，这里也不敢乱说。

微博的发展，可以看做是社会的发展，你还记得互联网的发展吗？ 推进了多少社会的改革，我很清楚的记得这样一个情景：《南方人物周刊》回访，采访被推三阻四。而当地接待记者的宣传部长说出了：“以前没有网络的时候多好阿，想让他们怎么说就怎么说”。

呵呵，那我现在想对那个宣传部长说，如果微博普及了，那么每个人都可以说，而不光是记者了。

本周主题：正则表达式

首先介绍一个不错的正则表达式入门教程：《正则表达式30分钟入门教程》，即使你之前没接触过，也可以很容易入门应用。当然实际看下来肯定不止30分钟了，这篇文章作者几经修正浓缩了一些精华，让想接触的朋友更好的入门和使用，特别推荐。

另外推荐使用的是正则表达式验证工具：REGex TESTER  http://www.regextester.com/ ， 随时可以将写好的正则表达式进行在线实时验证。

正则表达式说起来有不少使用方法，但是平常使用的正则表达式还是稍微比较简单，大部分都属于验证框架 或者 服务器上面的一些rewrite规则使用。

下面就整理和收集了一些常用的正则表达式，以备不时之需。

Validate 框架相关

1、匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

2、匹配网址URL的正则表达式：[a-zA-z]+://[^\s]*

3、匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$

4、匹配国内电话号码(这个表达式可以匹配几种格式的电话号码，像(010)88886666，或022-22334455，或02912345678等)： \(?0\d{2}[) -]?\d{8}

5、匹配IP地址：((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)

6、匹配身份证：\d{15}|\d{18}

7、用户名可使用中文、英文字母(区分大小写)、数字或部分特殊字符(. _ – @)，长度为4~20个字符：/^[\u4e00-\u9fa5A-Za-z0-9\_\-\.@]$/ig

服务器Rewrite相关

1、
RewriteEngine on
RewriteCond %{HTTP_HOST} ^quanlei.com [NC]
RewriteRule ^(.*) http://www.quanlei.com/ [L]

2、
同时达到下面两个要求：
1.用http://www.zzz.com/xxx.php 来访问 http://www.zzz.com/xxx/
2.用http://yyy.zzz.com 来访问 http://www.zzz.com/user.php?username=yyy 的功能
RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.zzz.com
RewriteCond %{REQUEST_URI} !^user.php$
RewriteCond %{REQUEST_URI} .php$
RewriteRule (.*).php$ http://www.zzz.com/$1/ [R]
RewriteCond %{HTTP_HOST} !^www.zzz.com
RewriteRule ^(.+) %{HTTP_HOST} [C]
RewriteRule ^([^.]+).zzz.com http://www.zzz.com/user.php?username=$1
例子二：
/type.php?typeid=* –> /type*.html
/type.php?typeid=*&page=* –> /type*page*.html
RewriteRule ^/type([0-9]+).html$ /type.php?typeid=$1 [PT]
RewriteRule ^/type([0-9]+)page([0-9]+).html$ /type.php?typeid=$1&page=$2 [PT]

相关资料：

1、http://faq.comsenz.com/?action-viewnews-itemid-12