...
$includepage=$_GET["includepage"];
include($includepage);
...

$pagelist=array("test1.php","test2.php","test3.php"); //这里规定可进行include的文件
if(isset($_GET["includepage"])) //判断是否有$includepage
{
$includepage=$_GET["includepage"];
foreach($pagelist as $prepage)
{
if($includepage==$prepage) //检查文件是否在允许列表中
{
include($prepage);
$checkfind=true;
break;
}
}
if($checkfind==true){ unset($checkfind); }
else{ die("无效引用页！"); }
}

$id=$_GET["id"];

$query="SELECT * FROM my_table where id='".$id."'"; //很经典的SQL注入漏洞
$result=mysql_query($query);

$text1=$_POST["text1"];
$text2=$_POST["text2"];
$text3=$_POST["text3"];

$fd=fopen("test.php","a");
fwrite($fd,"\r\n$text1&line;$text2&line;$text3");
fclose($fd);

//构造过滤函数
function flt_tags($text)
{
$badwords=array("操你妈","fuck"); //词汇过滤列表
$text=rtrim($text);
foreach($badwords as $badword) //这里进行词汇的过滤
{
if(stristr($text,$badword)==true){ die("错误：你提交的内容含有敏感字眼，请不要提交敏感内容。"); }
}
$text=htmlspecialchars($text); //HTML替换
//这两行把回车替换为

$text=str_replace("\r"," ",$text);
$text=str_replace("\n","",$text);
$text=str_replace("&line;","│",$text); //文本数据库分隔符"&line;"替换为全角的"│"
$text=preg_replace("/\s{ 2 }/"," ",$text); //空格替换 中国网管联盟
$text=preg_replace("/\t/"," ",$text); //还是空格替换
if(get_magic_quotes_gpc()){ $text=stripslashes($text); } //如果magic_quotes开启，则进行\'的替换
return $text;
}

$text1=$_POST["text1"];
$text2=$_POST["text2"];
$text3=$_POST["text3"];

//过滤全部输入
$text1=flt_tags($text1);
$text2=flt_tags($text2);
$text3=flt_tags($text3);

$fd=fopen("test.php","a");
fwrite($fd,"\r\n$text1&line;$text2&line;$text3");
fclose($fd);

$cookiesign="admincookiesign"; //判断是否Admin的cookie变量
$adminsign=$_COOKIE["sign"]; //获取用户的cookie变量

if($adminsign==$cookiesign)
{
$admin=true;
}

if($admin){ echo "现在是管理员状态。"; }

$cookiesign="admincookiesign"; //判断是否Admin的cookie变量
$adminsign=$_COOKIE["sign"]; //获取用户的cookie变量

if($adminsign==$cookiesign)
{
$admin=true;
}
else
{
$admin=false;
}
if($admin){ echo "现在是管理员状态。"; }

$cookiesign="admincookiesign"; //判断是否Admin的cookie变量
$adminsign=$_COOKIE["sign"]; //获取用户的cookie变量

if($adminsign==$cookiesign)
{
define(admin,true);
}
else
{
define(admin,false);
}
if(admin){ echo "现在是管理员状态。"; }

Notice: Use of undefined constant test - assumed 'test' in D:\interpub\bigfly\test.php on line 3

string set_error_handler ( callback error_handler [, int error_types])

//admin为管理员的身份判定，true为管理员。
//自定义的错误处理函数一定要有这４个输入变量$errno,$errstr,$errfile,$errline，否则无效。
function my_error_handler($errno,$errstr,$errfile,$errline)
{
//如果不是管理员就过滤实际路径
if(!admin)
{
$errfile=str_replace(getcwd(),"",$errfile);
$errstr=str_replace(getcwd(),"",$errstr);
}

switch($errno)
{
case E_ERROR:
echo "ERROR: [ID $errno] $errstr (Line: $errline of $errfile)
\n";
echo "程序已经停止运行，请联系管理员。";
//遇到Error级错误时退出脚本
exit;
break;
case E_WARNING:
echo "WARNING: [ID $errno] $errstr (Line: $errline of $errfile)
\n";
break;
default:
//不显示Notice级的错误
break;
}
}

//把错误处理设置为my_error_handler函数
set_error_handler("my_error_handler");
…

...
$text1=flt_tags($text1);
$text2=flt_tags($text2);
$text3=flt_tags($text3);

$fd=fopen("data.php","a");
fwrite($fd,"\r\n$text1&line;$text2&line;$text3");
fclose($fd);

$_SESSION["allowgbookpost"]=time(); //登记填写时的时间

<?php
$filename = "中文 文件名.txt";
header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename=' . $filename);

print "Hello!";
?>

把程序保存成UTF-8编码再访问，IE6下载的文件名就会乱码。 FF3下下载的文件名就只有“中文”两个字。Opera 9下一切正常。

Content-Disposition: attachment; filename=中文 文件名.txt

Content-Disposition: attachment; filename*="utf8''%E4%B8%AD%E6%96%87%20%E6%96%87%E4%BB%B6%E5%90%8D.txt"

<?php

$ua = $_SERVER["HTTP_USER_AGENT"];

$filename = "中文 文件名.txt";
$encoded_filename = urlencode($filename);
$encoded_filename = str_replace("+", "%20", $encoded_filename);

header('Content-Type: application/octet-stream');

if (preg_match("/MSIE/", $ua)) {
 header('Content-Disposition: attachment; filename="' . $encoded_filename . '"');
} else if (preg_match("/Firefox/", $ua)) {
 header('Content-Disposition: attachment; filename*="utf8\'\'' . $filename . '"');
} else {
 header('Content-Disposition: attachment; filename="' . $filename . '"');
}

print 'ABC';
?>

　　首先，Google对新站或较新鲜度的东西都比较敏感，有很高的查知性。它会通过外部链接很快查看到你的站点，通常通过外部链接的收录率多少，给予一个站的评价高低，如果发现新站点击或收录率高那么自然收录速度也很快。

　　另外，Google 使用 PageRank 技术检查整个网络链接结构，并确定哪些网页重要性最高。然后进行超文本匹配分析，以确定哪些网页与正在执行的特定搜索相关。在综合考虑整体重要性以及与特定查询的相关性之后，Google 才将最相关最可靠的搜索结果放在首位。这也是Google收录网页的特点之一。

　　特点二，Google会将链接的文字描述作为关键词加以索引，所以我们在作友情链接时千万要仔细设计链接的文字描述，使之既符合网站的定位又不失相关性，以此博得Google的信任。

　　特点三，Google 漫游器会定期抓取 Web，将大量网页列入索引。稍后完成的下一次抓取会注意到新网站、对现有网站的更改以及失效的链接，并对内容的变化在搜索结果中加以调整。

　　那么，百度搜索引擎收录习惯，它较重视第一次收录印象，根据第一次印象做为网站重要与非重要衡量指标。相对Google而言，百度搜索引擎的人为参与度较高，也就是说在某些层面上可能由人来决定是否收录网页而不是由机器来决定。所以，网站在登录百度搜索引擎之前最好把内容做得丰富点、原创内容多一点、网页关键词与内容的相关度高一点，这样才能给百度较好的初次印象。

　　百度对网页的更新相对Google而言更加敏感，可能这与百度的本土性格有关。百度搜索引擎每周更新，网页视重要性有不同的更新率，频率在几天至一月之间。所以在百度的搜索结果中基本上都标明了收录时间。

　　看了以上针对百度与Google的收录习惯，以后大家在优化过程中会更有针对性，在内容方面尽可多些原创，有时候原创会比你刻意增加关键词更有收录效果。

　　大家一定要注意，虽然关键字密度是排名的一个重要的因素，当然不可忽略，但最重要的还是内容。很多人都为了达到2%~8%的关键字密度而不故内容质量，刻意地在页面加上所优化的目标关键了，其实这样做有时候反而会得到相反的效果

但是我可能是比较幸运的，最后成功的实现了读写分离，目前在开发环境运行的比较稳定，所以有必要做个笔记分享一下。

读写分离脚本的问题

刚启动mysql proxy的时候，经常报错 -- "Mysql server has gone away"。我进一步缩小了可能出问题的范围(把环境简化是很重要的查错手段)，比如只连接一个mysql，或者只连接本机的mysql，没有太大帮助，最后是在mysql proxy的日志文件中看到些蛛丝马迹：

(critical) proxy-plugin.c:1367: (connect_server) [string "/usr/local/share/mysql-proxy/r..."]:69: .address is deprecated. Use .src.name or .dst.name instead
(critical) (read_query) [string "/usr/local/share/mysql-proxy/r..."]:179: .address is deprecated. Use .src.name or .dst.name instead
(critical) proxy-plugin.c.1115: I have no server backend, closing connection

在mysql proxy的论坛上看到有人碰到类似的问题，很简单，读写分离的lua脚本还是旧的，0.6.1时代的产物了，更糟糕的是，即便是即将发布的0.7.0，rw-splitting.lua也是旧版本的。lua脚本中的.address需要替换成.src.name或者.dst.name。

解决办法 —— 下载更新之后的rw-splitting.lua，情况会好转。

使用prepare方法无法获得结果

我在测试代码中采用php的pdo_mysql，单独连接mysql是毫无问题的，然而配合mysql proxy使用则是屡屡受挫，查询经常没有结果返回，比较随机，从日志中也找不到有帮助的内容。这次没有找到解决办法，所以我绕了过去，在连接mysql 的时候使用伪prepare的方式：

据称emulate方式的性能比prepare要好，所以这也算安慰奖了。

专门的lua脚本分支

lua脚本开发滞后，是一个比较严重的问题，所以在邮件组上看到有个新的lua脚本分支出来 —— https://launchpad.net/mysql-proxy-lua-scripts。希望开发速度能跟上来。

keepalive参数

mysql proxy还不算太稳定，偶尔crash我也不觉得惊讶，所以新增的keepalive参数很有用。在proxy启动的时候，加上--keepalive参数，它便会努力保持proxy的运行状态，停止了也会自动重启。

豆瓣从今年开始也加入 Google Analytics 的统计阵营。让我们通过它加载的 Google Analytics 源码，简单分析一下它都是怎么应用的。

我们先从豆瓣的源码来看看它的Google Analytics统计代码

豆瓣 Google Analytics 代码

我们知道一般默认的 Google Analytics代码如下：

默认 Google Analytics 统计代码

两相对比，我们就会发现豆瓣加载 ga.js 的方式与默认的方式有些不太一样，由于豆瓣并没有采用 https 加密访问，所以撇弃了默认的ga.js加载方式。

默认的统计函数，pageTracker 也被豆瓣改成了 _ga ，这个只是名称定义上的区别，并没有什么实质的改变。豆瓣的主要应用是下面两个函数：

使用 _ga._addOrganic 识别非主流搜索引擎

再来看豆瓣比默认 Google Analytics 代码增加的部分，那就是多了数个 _ga._addOrganic ，这是 Google Analytics 添加自定义搜索引擎的代码。尽管 Google Analytics 对于主流的搜索引擎都能自动识别，但毕竟能识别的是国外的主流搜索引擎，在国内，像搜狐的 Sogou，QQ 的 soso，网易的有道等搜索引擎，都不能被 Google Analytics 正确识别，而被当作推荐来源。这时候我们就可以利用_addOrganic 参数来识别这些非主流搜索引擎，如豆瓣的做法。

使用 _addIgnoredOrganic 忽略关键字

除了添加自定义搜索引擎，豆瓣在最后还添加了如下这些代码:

_ga._addIgnoredOrganic("豆瓣");
_ga._addIgnoredOrganic("douban");
_ga._addIgnoredOrganic("豆瓣网");
_ga._addIgnoredOrganic("www.douban.com");

这些代码用来把引号中的关键词从搜索引擎的关键词报告中排除，而当成直接点击量来源。

为什么要这么做？因为一个知名的大网站，来自这些品牌词的搜索流量都非常大，常常是排在前几位的搜索关键词来源，而这通常是因为搜索引擎养成现在的人都懒得记网址，直接搜索品牌名来记住域名。这些品牌词对于网站的关键词来源分析并没有很直接的帮助，所以在来自品牌词的流量很大的情况下，可以直接把这些关键词识别成直接点击量来源。

关于自定义 Google Analytics 搜索引擎和排除特定关键词为直接点击量来源的语法，可以参考 Google Code 上关于这方面的详细介绍。

通过 _setVar 识别用户

当我们登录豆瓣后，再来分析豆瓣的源码，会发现多了一个ga._setVar(”xxxx”)的 Google Analytics 参数。

豆瓣使用 Google Analytics 的._setVar参数来跟踪登录用户行为

_setVar() 函数是 Google Analytics 的用户定义函数，主要用于对特定来源的用户行为进行分类，例如可以对登录浏览的用户设置一个数值，然后在 Google Analytics 后台的访问者/用户定义 中查看其浏览属性。

Google Analytics 访问者/用户定义报告

分析豆瓣的源码可以知道，豆瓣对每一个登录后的用户，都赋以一个专门的 id 值，这样可以在用户定义报告里，看到整体的登录用户访问行为，乃至每个登录用户的浏览行为。通过这样设定后，豆瓣便可以轻易获取高忠诚度访问用户的访问行为。关于_setVar()的更多说明，请参阅 Google Analytics的技术文档

如何根据访问者在我的网站上访问的页面或在表单上做出的响应对其进行分类？在 Google Analytics 官方的帮助文件，也给出了另外一个应用案例

值得注意的是，原来在设置 _setVar() 函数的时候，整个网站的跳出率会出现重大的偏差，不过在最近的google analytics官方博客，指出该bug已经修正，客户在进行这方面设置的时候，还是要注意对比前后数据是否有重大偏差。

通过 _trackPageview 区分不同类型的评论

豆瓣上的书评，影评和乐评可以说是豆瓣网站的核心价值所在。一般评论的URL格式如下：

豆瓣上单条评论的URL

当我们查看该页面的网页源代码时，会发现有趣的现象:

豆瓣单条评论页的 Google Analytics 代码

我们知道，一般 Google Analytics 的_trackPageview() 括弧中的参数是留空的， Google Analytics 会自动捕获网址的 URL 参数，如果在 _trackPageview()括弧中输入特定的数值，那么在 Google Analytics 的报表中，URL 将是我们指定的参数，而不再是我们在地址栏看到的 URL。

如上面的例子，我们在 Google Analytics 中看到的URL将是/book/review/1946018/，而不再是我们在浏览器地址栏看到的/review/1946018/

当所在频道是电影或者音乐时，_trackPageview() 中的参数将根据所在频道的属性，变为/movie/xxxxx 或者 /music/xxxxx的数值。

豆瓣通过对的参数进行重新指定，主要有以下的好处：

保证了用户和搜索引擎看到的 URL 比较简短，达到 URL 对用户友好和对搜索引擎友好的目的；而在 Google Analytics 报告中，通过 内容/内容细目/ 报告，又能了解到各个频道总的浏览情况。

在GA的内容细目报告中，将会多出 /book/ /music/ /movie/ 这样的文件夹来，总而获得各个频道的合计浏览数据。

而如果只是使用默认 _trackPageview()，你将只能得到所有评论页面的浏览数据，而无法得到细分的各个频道的浏览数据。

关于_trackPageview()的具体的使用方法可参照 Google Code 的说明

注意事项:使用 _trackPageview() 参数重新指定 URL 之后，网站覆盖图的数据将受到影响。可参阅 Google Analytics 的官方帮助文件

除了豆瓣使用 _trackPageview() 来对URL进行重写，大众点评网也采用了类似的做法（应该是比豆瓣更早采用。。。因为是我在点评网任职时候实验的做法;那时候豆瓣还没有使用 Google Analytis 统计代码，呵呵），有兴趣的同学可以自己去研究点评的 Google Analytis 代码。

使用webftp上传压缩文件

btcuxiao.com 天津促销网

• 比较strlen和mb_strlen
  当字符全是英文字符的时候，两者是一样。这里主要比较一下，中英文混排的时候，两个计算结果。（测试时编码方式是UTF8）
  
  1. <?php
  2. $str=‘中文a字1符‘;
  3. echo strlen($str);
  4. echo ‘<br />‘;
  5. echo mb_strlen($str,‘UTF8‘);
  6. //输出结果
  7. //14
  8. //6
  9. ?>

  结果分析：在strlen计算时，对待一个UTF8的中文字符是3个长度，所以“中文a字1符”长度是3*4+2=14
  在mb_strlen计算时，选定内码为UTF8，则会将一个中文字符当作长度1来计算，所以“中文a字1符”长度是6

• 关于中英文混排串的占位符计算：
  利用这两个函数则可以联合计算出一个中英文混排的串的占位是多少（一个中文字符的占位是2，英文字符是1），计算的方法是：如果一个混排字符串有a个中文，b个英文，占位是:
  1. <?php
  2. $str=‘中文a字1符‘;
  3. //计算如下
  4. echo (strlen($str) + mb_strlen($str,‘UTF8‘)) / 2;
  5. echo
  6. //输出结果
  7. //10
  8. ?>

  例如  “中文a字1符” 的strlen($str)值是14，mb_strlen($str)值是6，则可以计算出“中文a字1符”的占位是10.

if(undefined) {
   alert('不报错，不运行该语句');
};
if(!undefined) {
   alert('不报错，要运行该语句');
}

BT促销

if(!function_exists('imagecreate')) {

die('本服务器不支持GD模块');

}

======================================================

例一:输出蓝色背景和交叉白线的图形

<?php

$width=35;

$height=35;

//创建对象

$image=imagecreate($width,$height);

//提取颜色

$color_white=imagecolorallocate($image,255,255,255);//白色

$color_blue=imagecolorallocate($image,0,0,108);//蓝色

imagefill($image,0,0,$color_blue);

//作图

//线宽

imagesetthickness($image,3);

imageline($image,0,0,$width,$height ,$color_white);

imageline($image,$width,0,0,$height ,$color_white);

//发送对象至头

header('content-type:image/png');

imagepng($image);

/*

//发送对象至文件

$filename="ex1.png";

imagepng($image,$filename);

*/

//销毁对象

imagedestroy($image);

?>

输出图像:


在线演示:http://www.phzzy.org/temp/5do8/ex1.php

例二: 阴阳图

<?php

$width=400;

$height=400;

$image=imagecreatetruecolor($width,$height);

//提取颜色

$color_black=imagecolorallocate($image,0,2,0);//

$color_white=imagecolorallocate($image,255,255,255);//白色

$color_blue=imagecolorallocate($image,0,0,108);//蓝色

$color_red=imagecolorallocate($image,151,0,4);//红色

$color_my=imagecolorallocate($image,192,192,255);//背景

$color_temp=imagecolorallocate($image,199,199,199);//背景

//作图

imagefill($image,0,0,$color_white);

//第一个是大圆

imagefilledarc ($image,$width/2,$height/2,$height,$height,0,360,$color_blue,IMG_ARC_PIE);

//两个小圆

imagefilledellipse ($image,$width/2,$height/4 ,$height/2,$height/2,$color_red);

imagefilledellipse ($image,$width/2,$height/4 * 3,$height/2,$height/2,$color_blue);

/*imagefilledellipse -- 画一椭圆并填充*/

imagefilledarc ($image,$width/2,$height/2,$height,$height,-90,90,$color_red,IMG_ARC_PIE);

imagefilledellipse ($image,$width/2,$height/4 * 3,$height/2,$height/2,$color_blue);

//发送对象至头

header('content-type:image/png');

imagepng($image);

/*

//发送对象至文件

$filename="ex1.png";

imagepng($image,$filename);

*/

//销毁对象

imagedestroy($image);

?>

演示:
http://www.phzzy.org/temp/5do8/ex2.php

例三:3D图像--cool

<?php

$width=400;

$height=400;

$image = imagecreatetruecolor($width, $height);

$white    = imagecolorallocate($image, 0xFF, 0xFF, 0xFF);

$gray     = imagecolorallocate($image, 0xC0, 0xC0, 0xC0);

$darkgray = imagecolorallocate($image, 0x90, 0x90, 0x90);

$navy     = imagecolorallocate($image, 0x00, 0x00, 0x80);

$darknavy = imagecolorallocate($image, 0x00, 0x00, 0x50);

$red      = imagecolorallocate($image, 0xFF, 0x00, 0x00);

$darkred  = imagecolorallocate($image, 0x90, 0x00, 0x00);

imagefill($image,0,0,$white);

// make the 3D effect

for ($i = $height /2 +20; $i > $height /2; $i--) {

imagefilledarc($image, $width/2, $i, $width/2, $height /2, 0, 45, $darknavy, IMG_ARC_PIE);

imagefilledarc($image,  $width/2, $i, $width/2, $height /2, 45, 75 , $darkgray, IMG_ARC_PIE);

imagefilledarc($image,  $width/2, $i, $width/2, $height /2, 75, 360 , $darkred, IMG_ARC_PIE);

}

imagefilledarc($image, $width/2, $height /2, $width/2, $height /2, 0, 45, $navy, IMG_ARC_PIE);

imagefilledarc($image, $width/2, $height /2, $width/2, $height /2, 45, 75 , $gray, IMG_ARC_PIE);

imagefilledarc($image, $width/2, $height /2, $width/2, $height /2, 75, 360 , $red, IMG_ARC_PIE);

// flush image

header('Content-type: image/png');

imagepng($image);

imagedestroy($image);

/*

//发送对象至文件

$filename="ex1.png";

imagepng($image,$filename);

*/

?>

输出:



演示:http://www.phzzy.org/temp/5do8/ex3.php

例四:简单的验证码

PHP创建验证码非常容易,容易的要死,简单的思路是这样的:

随机种子生成,提取随机字符,相连打印到图形,输出.,为了防止色盲,可以随机提取颜色,也可以自定义颜色,下面看看:

<?php

session_start();

$width=65;

$height=20;

$sourcestrings="0123456789aqwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM";

$image=imagecreate($width,$height);

$colorarrs=array(

imagecolorallocate($image,255,255,255),//white

imagecolorallocate($image,0  ,0  ,  0)//black

);

unset($sessionval);

imagesetthickness($image,3);

//随机得到字符串个数

$strsize=rand(3,5);

imagefill($image,0,0,$colorarrs[0]);

//一个个的写字符串到图片

for($i=0;$i<$strsize;$i++){

$i_temp=rand(1,62);

$sessionval .=$sourcestrings[$i_temp];

$fontcolor=imagecolorallocate($image,rand(0,255),rand(0,255),rand(0,255));

$y_i = $height/2 + $font_size /3 ;

imagechar($image,5, 1+ $i * $width /$strsize,5,$sourcestrings[$i_temp],$fontcolor);

}

//写入session,以后验证用

unset($_SESSION['cjjer']);

$_SESSION['cjjer'] = $sessionval;

//添加杂点

for($i=0;$i<$width /$height *2;$i++)

{    $i_x=rand(0,$width);

$i_y=rand(0,$height);

$pixelcolor=imagecolorallocate($image,rand(0,255),rand(0,255),rand(0,255));

imagesetpixel($image,$i_x,$i_y,$pixelcolor);

}

header('content-type:image/png');

imagepng($image);

imagedestroy($image);

?>

生成的样式演示:






在线演示:http://www.phzzy.org/temp/5do8/ex4_login.php


有个很明显的问题就是生成的图片不够艳丽,从而很多的用户看起来不清楚,这样吧,我们自己设定几个比较艳丽的颜色然后输出,扩展colorarrs数组:

$colorarrs=array(

imagecolorallocate($image,255,255,255),

imagecolorallocate($image,0,0,0),

imagecolorallocate($image,0,70,0),

imagecolorallocate($image,92,0,12),

imagecolorallocate($image,0,0,128),

imagecolorallocate($image,233,10,216)

);

然后把23行变为(17行):

    $fontcolor=$colorarrs[rand(1,count($colorarrs)-1)];

输出:






在线演示:http://www.phzzy.org/temp/5do8/ex5_login.php

例五:大点的比较cool的验证码

PS 的图像还是比较小的,有时候为了某些原因(个人站点为了玩cool,just我,商业站点玩风格,吸引用户,just google,后话),验证码不是局限于十几个px的限制,有时候完全可以整个2百多,没啥问题,这时候,一种方案是把前面生成的小图强制大点,可以不? 可以,但是,看起来不够光滑,这是事实,明显,宽带不再是最重要的问题,不说其他的,下面演示几个比较好看的生成方式:

<?php

session_start();

$width=600;

$height=100;

if($height  < $width /6)

$height=$width / 4;

$sourcestrings="0123456789aqwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM";

//创建对象

$image=imagecreate($width,$height);

$white=imagecolorallocate($image,255,255,255);

imagefill($image,0,0,$white);

//加载字体库

$fonts= dirname(__FILE__);

putenv('"gdfontpath=".$fonts=.""');

$fontname='arial';

$font_size=floor($height / 2);

//得到字符串

unset($sessionval);

$strsize=rand(5,8);

for($i=0;$i<$strsize;$i++){

$i_temp=rand(1,62);

$sessionval .=$sourcestrings[$i_temp];

$x_i =$font_size + $i *$width / ($strsize+1);

$y_i = $height / 2;

$angle_i=rand(-120,120);

$fontcolor_a=imagecolorallocate($image,rand(0,255),rand(0,255),rand(0,255));

imageTTFText($image,$font_size,$angle_i,$x_i,$y_i,$fontcolor_a,$fontname,$sourcestrings[$i_temp]);

}

unset($_SESSION['cjjer']);

$_SESSION['cjjer'] = $sessionval;

//杂点数目

for($i=0;$i<$width * $height / 100;$i++)

{

$i_x=rand(0,$width);

$i_y=rand(0,$height);

imagesetpixel($image,$i_x,$i_y,imagecolorallocate($image,rand(0,255),rand(0,2550),rand(0,255)));

}

//发送对象

header('content-type:image/png');

imagepng($image);

imagedestroy($image);

?>

在线测试: http://www.phzzy.org/temp/5do8/ex6_login.php

解释性说明:

首先是宽和高,高太小字都看不清楚.随机提取的字符还是那么几个:

$sourcestrings="0123456789aqwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM";

创建对象,填充成白色:

$image=imagecreate($width,$height);

$white=imagecolorallocate($image,255,255,255);

imagefill($image,0,0,$white);

然后加载您要验证码的字体:

$fonts= dirname(__FILE__);//返回当前根目录,字体文件复制到这里,字体文件是*.ttf文件

putenv('"gdfontpath=".$fonts=.""');

$fontname='arial';

定义字符的高度,这里我设置成高度的一半:

$font_size=floor($height / 2);

清除变量,随机设置要生成字符的个数:

unset($sessionval);

$strsize=rand(5,8);

循环,一个个的把字符打上去:

    得到本次循环的字符串.,并加在变量后面一会儿写入session
    

    $i_temp=rand(1,62);

$sessionval .=$sourcestrings[$i_temp];

    得到写入图像的字符串的位置(x和y坐标)
    

$x_i =$font_size + $i *$width / ($strsize+1);

$y_i = $height / 2;

    设置倾斜度,是从正面看的,.    
    

$angle_i=rand(-120,120);

    随机生成颜色,

$fontcolor_a=imagecolorallocate($image,rand(0,255),rand(0,255),rand(0,255));

    
    写入到图像;
    

imageTTFText($image,$font_size,$angle_i,$x_i,$y_i,$fontcolor_a,$fontname,$sourcestrings[$i_temp]);

    如果对此函数存在疑问,请查阅相关资料.非常容易.
    
写入到session,一边注册码使用:

unset($_SESSION['cjjer']);

$_SESSION['cjjer'] = $sessionval;

    
添加杂点:

//杂点数目

for($i=0;$i<$width * $height / 100;$i++)

{

$i_x=rand(0,$width);

$i_y=rand(0,$height);

imagesetpixel($image,$i_x,$i_y,imagecolorallocate($image,rand(0,255),rand(0,2550),rand(0,255)));

}

输出到头:

header('content-type:image/png');//这行表明是png图像,可不要,默认可以输出的.但不是图像的头格式

imagepng($image);

imagedestroy($image);

你可以加载你自己的字体库,设置旋转角度$angle_i=rand(-120,120);设置字体高度$font_size=floor($height / 2);字体颜色$fontcolor_a和随机数的个数:$strsize=rand(5,8);

例六:给图片打上水印,生成缩列图

传统的ASP页子打水印和生成缩列图都是比较繁琐的,一般使用到的是其他组件什么的,但是,PHP可以轻松的干这些事情,正如您预料,不到30行的程序搞定这一切,请看这个源程序:

<?php

$source="my.jpg";

$zoom=0.5;

$str='我是帅哥,你是MM么?';

$image=imagecreatefromjpeg($source);

$width=imagesx($image);

$height=imagesy($image);

$color_red=imagecolorallocate($image,111,0,0);//红色

$font=dirname(__FILE__). "//simsun.ttc";

$str=iconv('GB2312','UTF-8',$str);

$fontsize=30;

$angle=25;

$fromx=$width/5;

$fromy=$height/2;

imagettftext($image,$fontsize,$angle,$fromx,$fromy,$color_red,$font,$str);

$width_temp=imagesx($image) * $zoom;

$height_temp=imagesy($image) * $zoom;

$img=imagecreatetruecolor($width_temp,$height_temp);

imagecopyresized ($img,$image,0,0,0,0,$width_temp, $height_temp,$width,$height);

imagedestroy($image);

$file_zoomname="my_zoom_jpeg.jpg";

imagejpeg($img,$file_zoomname);

imagedestroy($img);

?>

原始图片:

生成的jpg图片:


原始图片70K, 这里说下,如果生成gif,文件18k多,而png要用去76k,so我们生成缩列图用jpeg格式.

代码分析:

这里我先设置了几个参数:

$source="my.jpg"; //源图片

$zoom=0.5; //缩放百分比

$str='我是帅哥,你是MM么?'; //水印的文字

装载源图(不打水印不装载):

$image=imagecreatefromjpeg($source);

获取长,宽的大小:

$width=imagesx($image);

$height=imagesy($image);

设置水印字体,因为我们用的是中文,必须导入中文字体库,否则写不上或乱码,然后必须转换字符串编码

$font=dirname(__FILE__). "//simsun.ttc";

$str=iconv('GB2312','UTF-8',$str);

设置开始点,字体大小,视角:,写上字符串:

$fontsize=30;

$angle=25;

$fromx=$width/5;

$fromy=$height/2;

imagettftext($image,$fontsize,$angle,$fromx,$fromy,$color_red,$font,$str);

按照缩放的大小要求生成新大小的对象:

$width_temp=imagesx($image) * $zoom;

$height_temp=imagesy($image) * $zoom;

$img=imagecreatetruecolor($width_temp,$height_temp);

把源图copy到新图,gd库的imagecopyresized自动缩放大小的

imagecopyresized ($img,$image,0,0,0,0,$width_temp, $height_temp,$width,$height);

生成小图片,清除对象:

imagedestroy($image);

$file_zoomname="my_zoom_jpeg.jpg";

imagejpeg($img,$file_zoomname);

imagedestroy($img);

生成缩洌图,水印大体核心技术就这么点.

例如：

你会发现这个语句执行过后，Cookie里什么也没有，到下一个页面就显示没有$USERID这个COOKIE变量值。
问题分析如下：

首先，设置浏览器进程的“Cookie 过期的时间”这个值并不是当前Unix时间戳+0，如果设置为浏览器进程的话，直接将过期时间设置为0即可。
其次，不清楚你测试这个页面时候使用的域名是什么，如果你设置了“btcuxiao.com”的话，就说明你必须使用“btcuxiao.com”进行访问 cookie才会有效，其实如果你的域名很多访问这个页面的话，那么这个地方可以为空或者访问这个cookie的域名都是一个域下面的，那么就设置为“.btcuxiao.com”，记得前面有“点”

上面的程序如果你这样写的话，可能会有效：

第一次打开这个页面时候是不会有任何输出的，因为cookie并不会在当前页面即刻生效。
刷新以后会显示的。

<?php
ob_start(); //打开缓冲区
echo \"Hellon\"; //输出
header(“location:index.php”); //把浏览器重定向到index.php
ob_end_flush();//输出全部内容到浏览器
?>

<?php
for($i = 1; $i <= 300; $i++ ) print(“ “);
// 这一句话非常关键，cache的结构使得它的内容只有达到一定的大小才能从浏览器里输出
// 换言之，如果cache的内容不达到一定的大小，它是不会在程序执行完毕前输出的。经
// 过测试，我发现这个大小的底限是256个字符长。这意味着cache以后接收的内容都会
// 源源不断的被发送出去。
For($j = 1; $j <= 20; $j++) {
echo $j.”
”;
flush(); //这一部会使cache新增的内容被挤出去，显示到浏览器上
sleep(1); //让程序“睡”一秒钟，会让你把效果看得更清楚
}
?>

比如你用得到服务器和客户端的设置信息，但是这个信息会因为客户端的不同而不同，如果想要保存phpinfo()函数的输出怎么办呢？在没有缓冲区控制之前，可以说一点办法也没有，但是有了缓冲区的控制，我们可以轻松的解决：
<?php
ob_start(); //打开缓冲区
phpinfo(); //使用phpinfo函数
$info=ob_get_contents(); //得到缓冲区的内容并且赋值给$info
$file=fopen(\'info.txt\',\'w\'); //打开文件info.txt
fwrite($file,$info); //写入信息到info.txt
fclose($file); //关闭文件info.txt
?>

<?php
ob_start();//打开缓冲区
?>
php页面的全部输出
<?
$content = ob_get_contents();//取得php页面输出的全部内容
$fp = fopen(“output00001.html”, “w”); //创建一个文件，并打开，准备写入
fwrite($fp, $content); //把php页面的内容全部写入output00001.html，然后……
fclose($fp);
?>

<?
Function run_code($code) {
If($code) {
ob_start();
eval($code);
$contents = ob_get_contents();
ob_end_clean();
}else {
echo “错误！没有输出”;
exit();
}
return $contents;
}

<?
/*
** Title.........: PHP4 HTTP Compression Speeds up the Web
** Version.......: 1.20
** Author........: catoc <catoc@163.net>
** Filename......: gzdoc.php
** Last changed..: 18/10/2000
** Requirments...: PHP4 >= 4.0.1
** PHP was configured with --with-zlib[=DIR]
** Notes.........: Dynamic Content Acceleration compresses
** the data transmission data on the fly
** code by sun jin hu (catoc) <catoc@163.net>
** Most newer browsers since 1998/1999 have
** been equipped to support the HTTP 1.1
** standard known as \"content-encoding.\"
** Essentially the browser indicates to the
** server that it can accept \"content encoding\"
** and if the server is capable it will then
** compress the data and transmit it. The
** browser decompresses it and then renders
** the page.
**
** Modified by John Lim (jlim@natsoft.com.my)
** based on ideas by Sandy McArthur, Jr
** Usage........:
** No space before the beginning of the first \'<?\' tag.
** ------------Start of file----------
** |<?
** | include(\'gzdoc.php\');
** |? >
** |<HTML>
** |... the page ...
** |</HTML>
** |<?
** | gzdocout();
** |? >
** -------------End of file-----------
*/
ob_start();
ob_implicit_flush(0);
function CheckCanGzip(){
global $HTTP_ACCEPT_ENCODING;
if (headers_sent() || connection_timeout() || connection_aborted()){
return 0;
}
if (strpos($HTTP_ACCEPT_ENCODING, \'x-gzip\') !== false) return \"x-gzip\";
if (strpos($HTTP_ACCEPT_ENCODING,\'gzip\') !== false) return \"gzip\";
return 0;
}
/* $level = compression level 0-9, 0=none, 9=max */
function GzDocOut($level=1,$debug=0){
$ENCODING = CheckCanGzip();
if ($ENCODING){
print \"n<!-- Use compress $ENCODING -->n\";
$Contents = ob_get_contents();
ob_end_clean();
if ($debug){
$s = \"<p>Not compress length: \".strlen($Contents);
$s .= \"
Compressed length: \".strlen(gzcompress($Contents,$level));
$Contents .= $s;
}
header(\"Content-Encoding: $ENCODING\");
print \"x1fx8bx08x00x00x00x00x00\";
$Size = strlen($Contents);
$Crc = crc32($Contents);
$Contents = gzcompress($Contents,$level);
$Contents = substr($Contents, 0, strlen($Contents) - 4);
print $Contents;
print pack(\'V\',$Crc);
print pack(\'V\',$Size);
exit;
}else{
ob_end_flush();
exit;
}
}
?>

< img  src ="/index.php?action=sys_upload_showThumb&id=bdc3955470adfb5637a0d1f517eb3d35" />

header("Content-type: image/jpeg") ;
    header("Content-Length: ".strlen($_SESSION["fileInfo"][$image_id]));
    echo $_SESSION["fileInfo"][$image_id];
    unset($_SESSION['fileInfo'][$image_id]);//    
    exit(0);

header("Content-type: image/jpeg") ;
    header("Content-Length: ".strlen($_SESSION["fileInfo"][$image_id]));
    echo $_SESSION["fileInfo"][$image_id];
    /** 马上输出 上边的session，解决ie6下生成的缩略图在还没有显示前已经被下边的unset($_SESSION[''])清空，结果致使ie6无法显示缩略图的情况 */
    echo $str . str_repeat(' ', 256); //有些浏览器必须要在输出达到256个字符时才肯输出      
    ob_flush();      
    flush();  // 这两个必须要一块用  
    unset($_SESSION['fileInfo'][$image_id]);//    
    exit(0);

BT促销网:(http:www.btcuxiao.com)

1。
      PHP服务端默认的session存储是文件存放方式，在Windows上PHP默认的Session服务端文件存放在C:\WINDOWS\Temp下，可用session_save_path ('./t/');指定具体存放目录。

2。
      SESSION 的实现中采用COOKIE技术，SESSION会在客户端保存一个包含session_id(SESSION编号)的COOKIE；在服务器端保存其他 session变量，比如session_name等等。当用户请求服务器时也把session_id一起发送到服务器，通过session_id提取所保存在服务器端的变量，就能识别用户是谁了。同时也不难理解为什么SESSION有时会失效了。
     当客户端禁用COOKIE时(点击IE中的“工具”—“Internet选项”，在弹出的对话框里点击“安全”—“自定义级别”项，将“允许每个对话 COOKIE”设为禁用)，session_id将无法传递，此时SESSION失效。不过php5在linux/unix平台可以自动检查cookie 状态，如果客户端设置了禁用，则系统自动把session_id附加到url上传递。windows主机则无此功能。

3。
Session_start() ：开始一个会话或者返回已经存在的会话。
在使用Session_start()之前浏览器不能有任何输出，否则会发生以下错误。
你可以在php.ini里启动session.auto_start=1，这样就无需每次使用session之前都要调用session_start()。

4。
如果在session.auto_start=1，会让session_save_path ('./t/');变的无效。因为后一条语句须放前面。

5。
保存在服务器上的session文件，没有遇到session_destroy();，不会被删除。
即使客户端浏览器已关闭。
不过服务器端每次产生的session文件都能保证session文件名的随机性和唯一性。

6。http://www.toplee.com/blog/300.html

增加PHP的Session存储和处理能力

可能很多PHPer都用到了PHP提供的Session功能，可以方便的进行会话功能处理，PHP服务端默认的session存储是文件存放方式，在Windows上PHP默认的Session服务端文件存放在C:\WINDOWS\Temp下，*NIX下默认存放在/tmp下，如果说并发访问很大或者session建立太多，在这两个目录下就会存在大量类似sess_xxxxxx的session文件，同一个目录下文件数过多会导致性能下降，并且可能导致受到攻击最终出现文件系统错误。针对这样的情况，PHP本身体提供了比较好的解决办法。
　　不少朋友可能都没有注意到php.ini里面Session设置部分中有这样一项：
;     session.save_path = "N;MODE;/path"

　　这项设置提供给我们可以给session存放目录进行多级散列，其中“N”表示要设置的目录级数，“MODE”表示目录的权限属性，默认为600，在 WINDOWS上基本是不用设置的，*NIX上也可以不用设置，后面的“/path”表示session文件存放的根目录路径，比如我们设置为下面的格式
session.save_path = "2;/tmp/phpsession"

　　上面的设置表示我们把/tmp/phpsession目录作为php的session文件存放根目录，在该目录下进行两级目录散列，每一级目录分别是0-9和a-z共36个字母数字为目录名，这样存放session的目录可以达到36*36个，相信作为单台服务器来说，这是完全够用了，如果说您的系统架构设计为多台服务器共享session数据，可以把目录级增加到3级或者更多。
　　需要注意的是，php自己并不会自动创建子目录，需要您自己动手去创建，网上找到这样的自动创建目录的代码，大家可以做个参考。下面的代码自动创建3级子目录，可以自己动手根据需要进行修改。
<?php
set_time_limit(0);
$string = '0123456789abcdefghijklmnopqrstuvwxyz';
$length = strlen($string);
function makeDir($param)
{
    if(!file_exists($param)) {
        makeDir(dirname($param));
        mkdir($param);
    }
}
for($i = 0; $i < $length; $i++) {
    for($j = 0; $j < $length; $j++) {
        for($k = 0; $k < $length; $k++) {
            makeDir($string[$i].'/'.$string[$j].'/'.$string[$k]);
        }
    }
}
?>

　　大家可能注意到前面的文字中提到了有关多服务器共享php的SESSION，这是很多应用都会遇到的问题，网上也有不少相关的资源，大家可以去google一下，Michael这里只提一下大概的思路。
　　一般来说我们用到最多的方法有两种：
　　1、NFS或者Samba共享的方法，让各个服务器上存放session文件的磁盘共享，这种方法简单可行。
　　2、集中存储到数据库中，这是比较多的实现方法，通过php提供的session_set_save_handler()函数来重定义session函数，推荐使用这种方法。

 
<style type="text/css"> 
/* 
说明：负边距(negative margin)的相关问题整理  
整理：CodeBit.cn （ http://www.codebit.cn ） 
*/
.one {
height:100px; 
width:300px; 
    border:2px solid red; 
margin-bottom:-10px; 
}
.two {
height:100px; 
width:300px; 
    border:2px solid blue; 
}
</style> 
 

 
<pclass="one"></p>
<pclass="two"></p>
 

如何改变覆盖顺序

负边距可以用在哪些地方：

 
<style type="text/css"> 
/* 
说明：负边距(negative margin)的相关问题整理  
整理：CodeBit.cn （ http://www.codebit.cn ） 
*/
.nav, .nav li {
list-style:none; 
}
.nav li {
    border:2px solid #000; 
float:left; 
margin-left:10px; 
background:#333; 
    padding:3px 20px; 
margin-bottom:-2px; /* 遮盖下面内容的边框部分 */
position:relative; /* IE 下要添加此行 */
}
.nav a {
color:#fff;  
text-decoration:none; 
}
.nav li.current {
    border-bottom:2px solid #eee; /* 当前的把下边框的颜色换成和下边内容相同的 */
background:#eee; /* 背景的颜色也换成相同的 */
}
.nav li.current a {color:#000;}
.content{
    border:2px solid #000; 
background:#eee; 
height:100px; 
width:300px; 
clear:both; 
}
</style> 
 

 
<ulclass="nav">
<liclass="current"><ahref="">当前</a></li>
<li><ahref="">导航</a></li>
<li><ahref="">导航</a></li>
</ul>
<divclass="content">
</div>
 

 
<style type="text/css"> 
/* 
说明：负边距(negative margin)的相关问题整理  
整理：CodeBit.cn （ http://www.codebit.cn ） 
*/
#floatContent {
float: left; 
width: 300px; 
}
#otherContent {
margin-left: 300px; 
}
/* 对 MacIE 隐藏 \*/
* html #floatContent {
margin-right: -3px; 
}
* html #otherContent {
height: 1%; /* 如果你没有设置 #otherContent 的高度或者宽度 */
margin-left: 0; 
}
/* 隐藏结束 */
</style> 
 

   +-------+------+---------------+------+---------+------+------+-------------+
   | table | type | possible_keys | key  | key_len | ref  | rows | Extra       |
   +-------+------+---------------+------+---------+------+------+-------------+
   | tblA  | ALL  | NULL          | NULL |    NULL | NULL | 1000 |             |
   | tblB  | ALL  | NULL          | NULL |    NULL | NULL | 1000 | Using where |
   | tblC  | ALL  | NULL          | NULL |    NULL | NULL | 1000 | Using where |
   +-------+------+---------------+------+---------+------+------+-------------+

+-------+------+---------------+----------+---------+-----------+------+-------------+
| table | type | possible_keys | key      | key_len | ref       | rows | Extra       |
+-------+------+---------------+----------+---------+-----------+------+-------------+
| tblA  | ALL  | NULL          | NULL     |    NULL | NULL      | 1000 |             |
| tblB  | ref  | ndx_col1      | ndx_col1 |       5 | tblA.col1 |    1 | Using where |
| tblC  | ALL  | NULL          | NULL     |    NULL | NULL      | 1000 | Using where |
+-------+------+---------------+----------+---------+-----------+------+-------------+

+-------+------+---------------+----------+---------+-----------+------+-------------+
| table | type | possible_keys | key      | key_len | ref       | rows | Extra       |
+-------+------+---------------+----------+---------+-----------+------+-------------+
| tblA  | ALL  | NULL          | NULL     |    NULL | NULL      | 1000 |             |
| tblB  | ref  | ndx_col1      | ndx_col1 |       5 | tblA.col1 |    1 | Using where |
| tblC  | ref  | ndx_col1      | ndx_col1 |       5 | tblA.col2 |    1 | Using where |
+-------+------+---------------+----------+---------+-----------+------+-------------+

+-------+--------+---------------+---------+---------+---------------+-------+----------------------------------------------+
| table | type   | possible_keys | key     | key_len | ref           | rows  | Extra                                        |
+-------+--------+---------------+---------+---------+---------------+-------+----------------------------------------------+
| tblA  | ALL    | NULL          | NULL    |    NULL | NULL          |  1080 | Using where; Using temporary; Usingfilesort |
| tblB  | ALL    | NULL          | NULL    |    NULL | NULL          | 87189 | Using where                                  |
| tblC  | eq_ref | PRIMARY       | PRIMARY |       4 | tblB.st_ex_id |     1 | Using where                                  |
| tblD  | eq_ref | PRIMARY       | PRIMARY |       4 | tblA.ex_id    |     1 | Using where                                  |
+-------+--------+---------------+---------+---------+---------------+-------+----------------------------------------------+

+-------+--------+---------------+-------------+---------+------------------------+------+----------------------------------------------+
| table | type   | possible_keys | key         | key_len | ref                    | rows | Extra                                        |
+-------+--------+---------------+-------------+---------+------------------------+------+----------------------------------------------+
| tblA  | ALL    | NULL          | NULL        |    NULL | NULL                   | 1080 | Using where; Using temporary; Usingfilesort |
| tblB  | ref    | ndx_secn_qn   | ndx_secn_qn |       2 | tblA.se_num,tblA.q_num |  641 | Using where                                  |
| tblC  | eq_ref | PRIMARY       | PRIMARY     |       4 | tblB.st_ex_id          |    1 | Using where                                  |
| tblD  | eq_ref | PRIMARY       | PRIMARY     |       4 | tblA.ex_id             |    1 | Using where                                  |
+-------+--------+---------------+-------------+---------+------------------------+------+----------------------------------------------+

+-------+--------+---------------+-------------+---------+------------------------+------+----------------------------------------------+
| table | type   | possible_keys | key         | key_len | ref                    | rows | Extra                                        |
+-------+--------+---------------+-------------+---------+------------------------+------+----------------------------------------------+
| tblA  | ref    | ndx_ex_id     | ndx_ex_id   |       4 | const                  |    1 | Using where; Using temporary; Usingfilesort |
| tblB  | ref    | ndx_secn_qn   | ndx_secn_qn |       2 | tblA.se_num,tblA.q_num |  641 | Using where                                  |
| tblC  | eq_ref | PRIMARY       | PRIMARY     |       4 | tblB.st_ex_id          |    1 | Using where                                  |
| tblD  | eq_ref | PRIMARY       | PRIMARY     |       4 | tblA.ex_id             |    1 | Using where                                  |
+-------+--------+---------------+-------------+---------+------------------------+------+----------------------------------------------+

千百亿

您希望加快网页的加载速度吗？了解如何通过缩短加载时间来改善拨号上网用户的浏览体验，在某些情形下，加载时间最多可缩短 80%。

引言

不是所有人都能够使用高速 Internet 连接。即使每个人都能够使用高速网络，也会因为各种各样的原因使您的 Web 应用程序看起来运行缓慢。在这个宽带速度不断提高的时代，您应当关注一下页面加载时间。将珍贵的页面加载时间缩短几秒，将更加珍贵的请求和响应时间缩短几毫秒。您将为访问者创造一种更好的体验。

阅读完本文之后，您将能够较好地了解网页加载时间优化的基本知识。您还能够使用工具和知识更好地识别和判断加载缓慢的页面部分和瓶颈。

先决条件

在理想情况下，您应该安装了 Mozilla Firefox。您还应该大体了解 Web 开发。本文涉及的主题并不复杂，但是如果您了解超文本标记语言（Hypertext Markup Language，HTML）、层叠样式表（Cascading Style Sheet，CSS）以及 ™ 编程语言等主题，那么在学习本文时将更加得心应手。不需要使用集成开发环境（IDE），只需使用您喜爱的编辑器。

您必须在浏览器中启用了 JavaScript。另外，要学习与 Firebug 和 YSlow 相关的内容，您需要安装 Firefox Web 浏览器。

假设您没有宽带

许多人通过某种形式的宽带连接访问 Internet，这些形式可能是 DSL、网线、光纤或其他方法。但是，无法使用这类技术的用户不得不使用拨号连接。您一定已经忘记拨号上网是什么感觉了，但您可以试着回想一下网页逐行加载时的情形。

2006 Organization for Economic Cooperation and Development (OECD) 报告将宽带 定义为数据下载速率大于 256 kbit/s 的连接。美国 Federal Communications Commission (FCC) 目前将宽带定义为大于 768 kbit/s 速率的所有连接方式。

幸运的是，这些可怜的人们现在已经能够获得一些帮助。您可以通过缩短加载页面的时间来改善他们的体验。但是，拨号连接并不是降低加载和响应速度的惟一原因。许多 Web 设计人员错误地认为高速 Internet 连接的到来会使网站性能优化变得没有必要。这种观点是不对的。例如，过去使用桌面软件执行的许多任务现在可以在线执行。在 Web 应用程序中获得像桌面软件那样的高速响应体验非常困难，因此性能优化非常重要。幸运的是，一些工具和最佳实践可用于缩短响应和加载时间，提供更加流畅的体验。

根据 Birds-Eye 的 2007 宽带统计显示，美国境内 25% 的人没有 Internet 连接，53% 的人拥有宽带，21% 的人仍然在使用拨号连接。

基本工具

对于所有与优化相关的任务，您必须使用工具来诊断瓶颈和识别问题。现在在 Web 开发中使用最广泛的两个工具是 Firebug 和 YSlow，它们都是开源、免费的 Firefox 插件。

Firebug

Firebug（参见 参考资料）是最流行的 Firefox 扩展之一，该应用程序能够使 Web 开发人员的工作更加轻松。它包含许多非常有用的功能，比如：

• JavaScript 调试
• JavaScript 命令行
• 监视 JavaScript 性能和跟踪 XmlHttpRequests
• 登录 Firebug 控制台
• 跟踪
• 检查 HTML 元素和动态编辑 HTML 代码
• 动态编辑 CSS 文档

YSlow

YSlow（参见 参考资料）分析网页，并根据 Yahoo! 起草的高性能网站规则（参见 参考），告诉您网页加载缓慢的原因。YSlow 是一个与 Firebug 集成的 Firefox 插件，因此您需要首先安装 Firebug，然后才能安装和使用 YSlow。

安装 Firebug

两个 Firefox 扩展的安装过程都非常简单。要安装 Firebug，执行以下步骤：

1. 打开 Firefox，转到 Firebug 主页。
2. 安装最新版的 Firebug。
3. 如果 Firefox 配置为阻止弹出窗口，单击 Allow 允许打开安装窗口。否则，单击 Install Now。
4. 重启 Firefox。

您现在可以从 Tools 菜单访问 Firebug。可以在新窗口或现有窗口中打开 Firebug（参见 图 1）。

回页首

安装 YSlow

安装 Firebug 之后，接下来安装 YSlow。为此，执行以下步骤：

1. 打开 Firefox，然后转到 YSlow 主页。
2. 安装插件，然后重启 Firefox。

   注意：与许多其他 Firefox 扩展不同，YSlow 不会自动启动。必须首先激活它。

3. 要激活 YSlow，在状态栏右键单击其图标，然后单击 Autorun。

图 2 显示了 YSlow 性能分析的结果。

回页首

常识：牢记设计规则

令人惊讶的是简单的设计规则通常会被忽视，最终产生未经优化的、下载缓慢的网页。牢记以下规则，页面的加载速度将会更快。

使用良好的结构

可扩展 HTML (XHTML) 具有许多优势，但是其缺点也很明显。XHTML 可能使您的页面更加符合标准，但是它大量使用标记（强制性的 <start> 和 <end> 标记），这意味着浏览器要下载更多代码。所以，事情都有两面性，尝试在您的网页中使用较少的 XHTML 代码，以减小页面大小。

如果您确实不得不使用 XHTML，试着尽可能对它进行优化。例如，删除空格并采用严格的 XHTML 编码实践，提高下载和解析速度。要严格执行 XHTML Strict 规则，向文档中添加以下 doctype 语句：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"      
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Strict 与 Strict HTML 4.01 是等效的，包含的属性和元素没有出现在 HTML 4.01 规范的反对内容中。记住，有两个标记能够在 XHTML Transitional 中使用，但不能在 XHTML Strict 中使用，例如：

• <center>
• <font>
• <iframe>
• <strike>
• <u>

回页首

不要使布局超载

在博客（和新的站点）流行起来之前，让页面水平滚动甚至垂直滚动被认为是糟糕的实践。页面越小，越难以（但并不是不可能）完好地填充屏幕。现在，对于博客和内容驱动的网站，不时可以看到几百 Kb 大小的长页面。是的，您需要填充更多空间，但是这并不意味着您必须使用大的背景图像、大量表格或者许多内容来填充。坚持简约原则：少即是多。页面中充斥着各种类型的图像、视频、广告等，这大大违背实用性原则，因此，在增加页面的内容时请三思。

不要使用图像来表示文本

我们很少会控制字体在不同浏览器中的显示方式，与字体不同的是，图像总是精确地按照其设计方式来显示。但这不能当作使用图像来表示文本的借口。

使用图像表示文本的最常见示例就是在导航栏中。美观的按钮更加具有吸引力，但是它们的加载速度很慢。此外，图像仍然不能由搜索引擎直接索引，因此，使用图像进行导航不利于搜索引擎优化（search engine optimization，SEO）。当无需图像就可以通过大量 CSS 技巧创建漂亮的按钮时，绝不使用图像来表示文本。

一种适用于 CSS 样式的特定导航类型就是选项卡式导航，如 图 3 所示。

除了体积较小之外，这种实现导航的方式也更加符合 Web 标准。

遵循统称为 Web 标准 的一组最佳实践的网站具有精简性、可访问性、搜索引擎友好性、适用性和基于 CSS 的特征。

清单 1 和 清单 2 中的代码以纯 CSS/XHTML 的形式实现基于选项卡的导航功能。

				
    #nav {
      float:left;
      width:100%;
      background:#E7E5E2;
      font-size:95%;
      line-height:normal;
      border-bottom:1px solid #54545C;
      }
    #nav ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #nav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #nav a {
      float:left;
      background:url("tableftK.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #nav a span {
      float:left;
      display:block;
      background:url("tabrightK.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover span {
      color:#FFF;
	  background-position:100% -42px;
      }
    #nav a:hover {
      background-position:0% -42px;
      }
    #nav a:hover span {
      background-position:100% -42px;
	  }

				
<div id="nav">
  <ul>
    <li><a href="#" title="Link 1"><span>Link 1</span></a></li>
    <li><a href="#" title="Link 2"><span>Link 2</span></a></li>
    <li><a href="#" title="Link 3"><span>Link 3</span></a></li>
    <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>
    <li><a href="#" title="Link 5"><span>Link 5</span></a></li>
  </ul>
</div>

回页首

检查 cookie 使用情况

cookie 可能是很小的文件，但是浏览器仍然需要下载它们。较大的 cookie 所需的下载时间更长，进而增加了浏览器加载网页的时间。正因为如此，尽可能缩小 cookie 来最小化对浏览器响应时间的影响非常重要。

此外，设置一个较早的 expire 日期或者根本不设置 expire 日期，会缩短响应时间。要在 PHP 语言中设置 cookie 的 expire 日期，使用以下代码：

<?php 
 $expire = 2592000 + time(); 
 // Add 30 day’s to the current time 
 setcookie(userid, “123rrw3”, $expire);
?>

这段代码设置 cookie userid，并将 expire 日期设置为自当前日期之后 30 天。

回页首

不要包含不必要的 JavaScript 代码，尽可能将其外部化

与 cookie 类似，JavaScript 文件的下载也需要时间，这不可避免地会降低整个页面的加载速度。因此，明智地使用 JavaScript（仅在真正必要时才使用）并优化脚本的大小和速度。

缩短 JavaScript 下载时间的另一种方式是使用外部文件，而不是包含脚本内联。这种方法也适用于 CSS，因为浏览器会缓存外部化的文本，而（在 HTML 页面自身中）以内联方式编码的 CSS 或 JavaScript 每次都会随 HTML 一起加载。要通过在 HTML 中引用 CSS 和 JavaScript 代码来外部化它们，可以使用具有以下形式的代码：

<link href="/stylesheets/myStyle.css" media="all" rel="Stylesheet" type="text/css" />
   <script src="/javascripts/myJavascript.js" type="text/javascript"></script>

尽可能避免使用表格

表格被用作网页的主要构建块，但是作为页面布局元素，使用表格现在被认为是糟糕的做法。有时候，您必须使用表格（并且它们被认为是显示表格数据的出色实践）。如果是这样，明确地指定表格单元格、行和列的宽度和高度，否则，浏览器必须执行许多操作来计算如何显示它们，这会降低页面加载速度：

<td width="50px" height="10px">...</td>

删除任何不必要的元素

可能这是所有技巧中最显而易见的一个，但是它也是最容易忘记的一个技巧。我曾经提到过 “少即是多”：这不仅是为了真正吸引更广泛的用户，还意味着需要下载和处理的东西更少。如果您真正需要在网页上放置许多内容，考虑将网页分为 2 个、3 个或更多的独立页面。

一些优化网页的技巧

可以使用许多方法来优化您的网页，包括压缩 JavaScript 文件，使用超文本传输协议（Hypertext Transfer Protocol，HTTP）压缩，以及设置图像大小。

压缩和缩小 JavaScript 文件

JavaScript 文件可能非常大，这意味着在某些情形中，它们的下载时间可能比所有其他组件下载时间之和还长。解决此问题的一种方法是压缩 JavaScript 文件。您可以使用 GNU zip (gzip) 来完成此任务，因为许多浏览器都支持这种压缩算法。

另一种替代方法是缩小文件。这种方法删除代码中所有不必要的字符，比如制表符（tab）、新行和空格。它删除代码中的注释和空白，进一步缩小文件大小。外部和内部样式表都可以缩小。两种最流行的缩小工具是 JSMin 和 YUI Compressor（参见 参考资料）。

回页首

使用 HTTP 压缩，并始终使用小写的 div 和类名

可以使用 HTTP 压缩来减少服务器与浏览器之间的通信量。可以在 Apache 中配置 HTTP 压缩（.htaccess 文件），或者可以将其包含到页面中（对于 PHP，可以使用一个 HTTP_ACCEPT_ENCODING 选项）。但是请注意：不是所有浏览器都支持压缩。即使是支持压缩的浏览器，压缩和解压缩都会加重处理器的负载。要在 Apache 中启用地毯式（blanket）压缩（即压缩所有文本和 HTML），使用以下命令：

AddOutputFilterByType DEFLATE text/html text/plain text/xml

另外，考虑一下您想要压缩的内容。图像、音乐和视频在创建时已经进行了压缩，因此您可以将压缩对象限制为 HTML、CSS 和 JavaScript 文件。

另一种减少压缩工作的技巧是使用小写形式的 <div> 元素和类名。由于大小写敏感性，并且使用的是无损压缩，<header> 与 <Header> 不同，它们被压缩为两个不同的标记。在下面的例子中，对于压缩程序来说，Important 类与 important 类是不同的，这意味着对于压缩程序，它们表示不同的对象，因此被分别压缩为两段不同的文本。

<div class="Important">read this!</div>
<div class="important">This will cost you some valuable load time</div>

留意细节似乎无关紧要。但是当您优化文件时，所有细微的细节都应考虑在内。

回页首

设置图像大小

与表格单元格、行和列一样，当您未明确设置图像大小时，浏览器需要执行计算来显示图像，这会降低处理速度。此外，在某些情形下，图像大小的计算结果可能不正确，因此图像会发生变形。

将 CSS 图像映射用于装饰功能

使用图像映射代替多个图像，这是另一种缩短加载时间的方式，因为同时下载图像的各个独立部分能够加快整个页面的下载进度。或者，您可以使用某种名为 CSS sprites 的工具（参见 参考资料）。CSS sprites 可帮助减少 HTTP 请求的数量。一个图像可以包含装饰或布置页面所需的所有图像元素。您使用 CSS 来选择（通过调用某些位置和维度）用于特定元素的映射。

回页首

尽可能延迟脚本加载

我 在前面 提到过，移除完全不需要的 JavaScript 代码能够加快加载和处理速度。但是如果代码已经非常精简并且必须在页面中包含 JavaScript 代码的话，该怎么办？

在这种情形下，一种提升页面下载速度的潜在方式是将脚本放在页面的底部，使页面加载更迅速。通常，浏览器只能（从同一个域）下载不超过两个并行对象，如果一个对象是一段 JavaScript 代码，那么在该脚本下载完之前，其他页面组件的下载将会暂停。如果将 JavaScript 代码放在页面底部，（在大多数情况下）它将在最后下载，这时所有其他组件都已下载完。

使用 Firebug 扩展跟踪加载缓慢的文件，我敢打赌您的 JavaScript 文件是下载最慢的文件。压缩 JavaScript 文件会有所帮助，但是仅仅这样可能还不够。您可以使用以下代码片段延迟 JavaScript 的加载：

var delay = 5;
setTimeout("heavy();", delay * 1000);

这段代码将对 heavy() 方法的调用延迟了 5 秒。您可以将这段代码与下面的技巧结合使用来延迟整个 JavaScript 文件的加载。

按需加载 JavaScript 文件

要按需加载 JavaScript，使用 import() 函数，如 清单 3 所示。

				
function $import(src){
  var scriptElem = document.createElement('script');
  scriptElem.setAttribute('src',src);
  scriptElem.setAttribute('type','text/javascript');
  document.getElementsByTagName('head')[0].appendChild(scriptElem);
}

// import with a random query parameter to avoid caching
function $importNoCache(src){
  var ms = new Date().getTime().toString();
  var seed = "?" + ms; 
  $import(src + seed);
}

验证函数加载

也可以验证一个函数是否被加载，如果没有，加载 JavaScript 文件。为此，使用 清单 4 中的代码。

				
if (myfunction){
  // The function has been loaded
}
else{ // Function has not been loaded yet, so load the javascript.
  $import('http://www.yourfastsite.com/myfile.js');
}

注意：可以使用 defer 属性，但不是所有浏览器（包括 Firefox）都支持它。

回页首

优化 CSS 文件

如果经过适当优化和维护，CSS 文件不一定很大。例如，具有很多独立类的 CSS 文件会影响下载速度。与 JavaScript 文件一样，您需要优化 CSS 文件，使其包含所需的所有内容，同时保持合理的大小。另外，使用外部文件代替内联定义来适应浏览器的缓存机制。

回页首

使用内容分布网络

内容分布网络（Content-distribution network，CDN）是另一种缩短下载时间的好方法。当您将静态图像放在 Internet 上的许多服务器上时，用户能够从离他们最近的服务器下载这些图像。此外，大多数 CDN 都在快速服务器上运行，因此无论服务器的加载速度如何，其响应速度都比小型的超载服务器快。

对资产使用多个域来增加连接

CDN 的另一个优势是它们是独立的域。因为您的浏览器将并发连接的数量限制到一个单一的域，因此无论何时加载一个页面，都很容易占满所有线程。因此，到其他资产的连接被延迟了。然而，您的浏览器能够打开新线程或到其他域的连接，这样，从另一个域加载的任何资产都可以与其他所有资产同时加载。

回页首

在合适的时候使用 Google Gears

使用 Google Gears（参见 参考资料）是避免用户反复下载同一内容的另一种好方法。Gears 允许用户离线访问 Web 应用程序，但是也允许将页面元素持久化到用户的计算机上。因此，频繁加载但未进行更新的内容可以存储在 Gears 数据库中，该数据库是一个 SQLite3 关系数据库管理系统。对同一内容的所有 next 请求都可以从数据库（而不是服务器）直接加载。

安装 Gears 之后，获取 gears_init.js 文件，以便轻松访问 Gears 工厂和应用程序编程接口（API），将其保存为 gears_init.js，通过以下方式在您的代码中引用它：

<script type="text/javascript" src="gears_init.js"></script>

要确定是否已安装 Gears，使用 清单 5 中的代码。

				
<script>
  if (!window.google || !google.gears) {
    location.href = "http://gears.google.com/?action=install&message=<welcome message>" 
        + "&return=<return url>";
  }
</script>

如果未安装 Gears，代码将向您提供下载 Gears 的 URL。

当所有元素都通过验证并且 Gears 已安装之后，您可以测试 Gears 的极其有用的数据库功能，使用 清单 6 中的 JavaScript 代码。

				
<script type="text/javascript">
 var db = google.gears.factory.create('beta.db');
 db.open('database-test');
 db.execute('create table if not exists Test' +
           ' (Phrase text, Timestamp int)');
 db.execute('insert into Test values (?, ?)', ['Monkey!', new Date().getTime()]);
 var rs = db.execute('select * from Test order by Timestamp desc');

 while (rs.isValidRow()) {
  alert(rs.field(0) + '@' + rs.field(1));
  rs.next();
 }
 rs.close();
</script>

这段代码在您的计算机或服务器上创建一个本地数据库 db。如果表 Test 不存在，则创建一个，然后插入测试数据（Monkey! 和时间）。代码从数据库获取数据，并在浏览器中以警告的形式呈现出来。

想像一下可能发生的结果！

回页首

使用 PNG 格式的图像

Graphic Interchange Format (GIF) 和 Joint Photographic Experts Group (JPEG) 图像格式都已过时了：Portable Network Graphic (PNG) 是未来流行的格式。当然，您可以说 GIF 和 JPEG 已经消亡，或者 PNG 没有任何缺陷，但是所有事物都有各自的优缺点，PNG 以最佳的文件大小提供了出色的质量。因此，如果进行选择的话，应该尽可能使用 PNG 图像。

回页首

保持 Ajax 调用简短、准确

当统称为 Asynchronous JavaScript + XML (Ajax) 的技术在两年前出现时，这些技术为处理页面请求和响应提供了一种革命性方法。然而，拨号用户可能从来没机会体验其真正的优势，因为在许多情形下，Ajax 需要在浏览器与服务器之间大量通信。因此，如果您能够保持 Ajax 调用简短和准确，可以避免用户花费无止尽的时间来等待元素刷新或响应。

回页首

进行一次较大的 Ajax 调用并在本地处理客户机数据

如果不能进行简短的 Ajax 调用，或者如果这些调用不能提供期望的结果，可以考虑一种替代方法：进行一次大的 Ajax 调用来获取所需的一切内容，然后让客户机在本地处理数据。通过这种方式，客户机只需等待一次（获取传入的数据），但是在此之后（当浏览器与服务器之间没有必要通信时），处理速度将更快。当然，还有大量 Ajax 优化技术，本教程无法一一列出。如果想要了解关于 Ajax 的更多信息，请查看 参考资料。

在沙箱中测试代码

还有一个经常被遗忘的常用技巧。尽管清醒的 Web 开发人员通常会在启动应用程序之前对其进行测试，但是有时候测试会使他们不那么重视维护任务，或者新功能添加得太快，并且未经过充分考虑或测试。结果，余下的脚本减缓了应用程序的速度。

如果您添加一项新功能，可以首先在沙箱里（完全脱离了应用程序的其余部分）进行测试，查看它作为单个函数的行为。通过这种方式，您可以反复检查，并分析性能和响应时间，无需考虑 Web 应用程序的其余部分。然后，当新功能的行为符合预期时，可以将其引入到应用程序的其余部分中，运行其他测试，保证功能本身的行为符合预期。

回页首

分析站点代码

在许多场景中，自我反省是一个不错的建议。幸运的是，在开发过程中，我们可以使用工具来帮助反省，并尽可能客观地进行实践。像 JSLint（参见 参考资源）这样的工具的价值是无法衡量的，尽管其站点宣称它 “可能令您备受挫折”，因为它向您提供了所有的潜在代码缺陷，这些缺陷不但使调试更加困难，而且可能导致更长的响应时间。

回页首

使用 JSLint 检查 JavaScript 代码中的错误或糟糕的编码实践

您不需要像完美主义者那样追求完美无缺的 JavaScript 代码。但是，许多开发人员没有认真对待代码分析，通常在开发过程中跳过了这个步骤。不幸的是，错误和糟糕的编码实践不仅不太专业，而且可能减缓应用程序的速度。当浏览器忙于应付错误和糟糕的编码实践时，加载不仅需要更多时间，还会导致难以调试的错误。

因此，如果想要获得良好的代码，可以考虑使用代码分析工具。有许多不同的工具可供使用，但是最适合 JavaScript 语言的工具非 JavaScript Lint 莫属，它也叫做 JSLint（参见 参考资料）。也可以使用 Firebug，但是 JSLint 更加正式，它包含在 YSlow 中。

回页首

检查孤立的文件和丢失的图像

检查孤立的文件和丢失的图像是一种明智之举。大部分 Web 开发人员都会检查错误的文件引用，但是这里仍然需要说明一下。丢失的文件容易引起各种问题，因为它们会导致 “The image/page cannot be displayed” 之类的错误消息。但是在网页速度优化方面，它们具有更大的缺陷：当浏览器寻找丢失的或孤立的文件时，它会消耗资源，这不可避免地会导致页面处理速度变慢。因此，请检查孤立或丢失的文件，包括拼写错误的文件名。

回页首

YSlow 扩展

YSlow Firebug 扩展使主观的网页分析日渐被淘汰。YSlow 使用 Yahoo! 起草的面向高性能网站的权威规则，分析网页并告诉您它们变慢的原因。

回页首

使用 YSlow 分析网页

YSlow 是一个相对较小但非常有用的 Firefox 扩展。当启动 YSlow 时，该扩展在浏览器的下半部分中打开，如 图 4 所示。

图 4 显示了 Performance 视图，可以在其中看到 YSlow 如何评估您的网页的性能，还能够看到该扩展检测到的问题。单击列表中的一个链接将打开一个页面，其中解释了相应的错误。如果存在可以改进的页面组件，YSlow 会给出改进建议。

在 Inspect 视图中，如 图 5 所示，您可以逐一分析元素来剖析页面。Inspect 视图的一个最有用的功能是，当您在页面上移动鼠标指针时，它会自动刷新，因此您无需通过滚动代码内容来查找需要检查的行。

从 Stats 视图的名称可以猜测到，它（如 图 6 所示）显示与当前页面有关的统计数据。这些数据包括空的和主要的缓存和 cookie。

Components 视图（如 图 7 所示）列出了当前页面上的组件。显示的与每个组件有关的数据包括文件类型和路径、页面过期时间以及 HTTP 响应报头。单击一个组件可以将其打开，以供查看。单击一个列标题可以按升序或降序对表进行排序。

YSlow 是一个较小的、有用的扩展，可以在提高页面加载速度方面为您提供许多帮助。如果您以前未使用过它，那么现在应该使用了。

回页首

结束语

优化网页的加载速度并不复杂。实际上，您通常可以轻而易举地实现速度优化。如果遵循本文中介绍的技巧以及 Web 开发最佳实践，那么无需采用其他措施就可以提高页面的加载速度。

将大量页面优化技巧收集到一起很简单，我希望本文的资源具有一定的价值。但是，如果您认为速度优化技巧只有这里列出的这些，那么您将惊奇地发现远远不止这些。但是，即使您仅遵循这 20 多个技巧，您的页面的加载速度也会更快，您的用户也会更惬意 —— 无论他们通过拨号还是专用的宽带上网。

参考资料

• 在 Wikipedia 上查找 与宽带网络接入相关的一般信息和指标。
  
  
• 阅读 Yahoo! Exceptional Performance 团队起草的 高性能网站规则。
  
  
• 阅读 Martin Brown 的文章 “Using HTTP Compression”（ServerWatch，2005 年 6 月），了解有关 HTTP 压缩各方面的详细信息。
  
  
• 了解 CSS sprites —— 它们是什么以及如何使用它们加快图像加载速度。
  
  
• Learn how to 加快 JavaScript 加载速度。
  
  
• 阅读 Jesse Skinner 的 developerWorks 文章 “在应用程序中使用 Ajax 的时机”。
  
  
• 了解与 gzip 压缩库 有关的更多信息。
  
  
• developerWorks Web 开发专区 包含用于 Web 2.0 开发的大量工具和信息。
  
  
• developerWorks 技术活动和网络广播：随时关注最新技术。
  
  
• 技术书店：浏览与本文所述主题和其他技术主题相关的图书。