2010年7月

Chrome版本发布时间表

Chrome 1 - 2008.12.11 (第一个稳定版本)
.. 161 天 ..
Chrome 2 - 2009.5.19 (页面缩放、自动填充)
.. 117 天 ..
Chrome 3 - 2009.9.15 (HTML5视频、主题)
.. 132 天 ..
Chrome 4 - 2010.1.25 (扩展、书签同步)
.. 57 天 ..
Chrome 4.1 - 2010.3.23 (翻译、内容过滤)
.. 63 天 ..
Chrome 5 - 2010.5.25 (更好的支持HTML5、切换书签管理、内置Flash)

Firefox标签浏览改进:Tab Candy

经过数个多月的开发、Aza Raskin终于发布了标签浏览的重要更新:Tab Candy。本来这个项目是以扩展的形式低调的存在着(因为项目主页要求不要声张。),其实这个项目是对去年Mozilla Labs’ Design Challenge 中对标签浏览构想的一些构思的实现。

看了视频,你也许会真正的理解Tab Candy是嘛玩意儿。简单的说,它可以将大量的标签进行逻辑分组。这样找起来更加方便,就像我们真实世界中整理东西一样。

An Introduction to Firefox’s Tab Candy from Aza Raskin on Vimeo.

未来的特性将支持:快速搜索,标签共享、还有最有趣的自动分组。

可以下载experimental Firefox pre-Beta 2中尝试Tab Candy。Tab Candy是否会加入Firefox 4中还没有结论

Firefox 3.6.8 释出

Firefox 3.6.7发布一天之后,Mozilla 发布了新版本:3.6.8 .

Mozilla开发者博客解释说:Firefox 3.6.8 解决了一些嵌入了插件页面的稳定性问题。

PHP GD函数实例

<?php

Header("Content-type: image/png");

// 这是发送一个HTTP头,告诉浏览器:“你听着,这是一个图象,可别当成文字来显示呀!”

// 由于我个人的喜好,用了PNG,当然你也可以用 Header("Content-type: image/gif");

// 或者 Header("Content-type: image/jpeg");

$im = ImageCreate (50, 100);

// 创建图象。注意,图象在创建的时候还没有被指定图象格式。

// ImageCreate函数,两个参数,无庸质疑,这是创建的图象的宽度和高度。

// 它的返回值是一个int数值,这个数值相当重要,你继续绘制这个图象、

// 直到你输出这个图象之前,无处不用到这个数值,我们暂且称之为图象的ID。

// 因为使用的频率相当高,所以,我们把它赋给一个名字比较短的变量。

// 现在我们先画一条线吧。画线的函数是这样的:

// imageline (int im, int x1, int y1, int x2, int y2, int col);

// 第一个参数im,就是图象的ID,后面的 x1,y1,x2,y2,不用说了,

// 是起点(x1,y1) 终点(x2,y2)的坐标呀!(图象的左上角坐标是 (0,0) )

// 最后一个参数是什么呀?是颜色!GD要求针对图象定义颜色,用定义的这些颜色来作图。

// 为什么要针对图象定义颜色?我猜测,是为了GIF、PNG等图象用之做“调色板”的。

// 这牵扯到图象本身的知识,这里不赘述了。

// 所以,画线之前,我们还要先定义颜色(真麻烦)。

// $col_red = ImageColorAllocate($im, 255,192,192);

// 这个函数四个参数,第一个$im……还用得着我每次都说嘛?下次就不说啦!

// 后面三个参数就是要定义的颜色的红(R)、绿(G)、蓝(B)的分量,0~255之间。

// 这又牵扯到物理—光学的知识了。红、绿、蓝三原色光分量的不同,

// 产生了千变万化的色彩。上面我定义的这个颜色,红255,绿192,蓝192。

// 如果没有搞错,这是一个较亮的红色。等一会儿我们来画一条线试试看。

// 为什么要等一会儿呢?因为一幅图只有一种颜色的话,是什么也看不出来的!

// 我们把背景搞成黑的先!

// 虽然手册上没有明确表示,但是我发现最先定义的颜色将默认被作为背景。

$col_black = ImageColorAllocate($im, 0,0,0);

// 定义了一种颜色,红光、绿光、蓝光都没有,自然黑咕隆咚——黑色。

// 然后再定义画线用的颜色:

$col_red = ImageColorAllocate($im, 255,192,192);

// 现在可以开始画红线了:

imageline ($im, 10, 20, 45, 85, $col_red);

// 别急,这句完了以后你还看不到图象。

ImagePNG($im);

// 这一句就输出图象了,ImagePNG()输出png图象,ImageJPEG输出jpeg图象,

// ImageGIF输出gif图象……

// 不要忘记这里有一个参数,如果在屏幕显示,而不是保存为文件,

// 则省略这个参数——保存的文件名。如果这里是要把它保存为文件,

// 就应该这样写:ImagePNG($im,"test.png");

// 如果不指定路径,这个文件保存在你的web当前目录里。

// 如果是JPEG,则再多一个参数,是JPEG质量(0~100)。

// 如果要在屏幕显示,则 ImageJPEG($im,"",80);

// 如果要保存,则 ImageJPEG($im,"test.jpg",80);

// 注意,如果你要把这个图象保存为文件,

// 就不能使用 Header("Content-type: image/png"); 传送意味着图象的HTTP头,

// 因为一旦这样,就表示你将输出图象。

ImageDestroy($im);

// 毁掉内存里的图象,以释放内存空间。

// 这样就好了:一幅最简单的GD作的图作成了。

// 通过测试发现,生成这幅图象文件,用PNG格式只有131字节,

// 而用JPEG格式,即便是用最差的质量(0),也需要855字节,图象质量糟糕得没法看。

// 而最高的JPEG质量,则需要2360字节,色彩却仍不如用PNG时的鲜艳。

// 由此可见,对于这种颜色数目少的图象,用PNG比JPEG划算得多。

?>
上次说了一种简单的回避GD的作图方法,而后又用GD作了最简单的一幅“图”——直线。

这次我就接着画直线向下说。上次代码中详细解释过的部分,这次不再赘述。

<?

Header("Content-type: image/png");

$im = ImageCreate (200, 100);

$col_black = ImageColorAllocate($im, 0,0,0);

$col_orn = ImageColorAllocate($im, 255,192,0);

// 今天用橘色吧。

// 跟 imageline 函数完全相同的用法,

ImageDashedLine($im,0,100,199,100,$col_orn);

// 这样就画了一条虚线。

// 下面我们来做个试验。用以说明一个问题。

$col_yel = ImageColorAllocate($im, 255,255,0);

// 黄色。

ImageLine($im,0,99,199,99,$col_yel);

// 在图象的最下沿画了一条黄色的线。

ImageLine($im,200,0,200,100,$col_orn);

// 试图在图象最右沿画一条澄色的线,结果什么也没有。

// 这表明,宽200,高100的图象,其坐标的范围是(0,0)到(199,99)。

ImagePNG($im);

ImageDestroy($im);

// 这一段先结束吧。

?>

接下来这个效果就爽了!我也是现学现卖。PHP4.0.6以上增加了这个用法——可以用交替的

颜色画线!示例如下:

<?

Header("Content-type: image/png");

$im = ImageCreate (200, 100);

$col_black = ImageColorAllocate($im, 0,0,0);

$col_orn = ImageColorAllocate($im, 255,192,0);

$col_red = ImageColorAllocate($im, 255,0,0);

$style=array($col_red,$col_red,$col_black,$col_orn,$col_orn,$col_orn,$col_black);

ImageSetStyle($im, $style);

ImageLine($im, 0, 50, 199, 50, IMG_COLOR_STYLED);

ImagePNG($im);

ImageDestroy($im);

?>

看看效果吧。

其中我用空行分割开的那三行,说明一下。定义了一个数组 $style,它的成员是一系列的颜色;

然后执行了一个函数,而后用 IMG_COLOR_STYLED “颜色”画出来的是这么神奇的“直线”——

红色、黑色、橙色交替的效果。仔细看一下你就会发现,红、黑、橙交替的顺序,就是我们定义的

$style数组成员的序列:红、红、黑、橙、橙、橙、黑,然后周而复始……

看明白了吗?注意,这个函数在PHP4.0.6以后才支持。

有了我详细讲解的画线的基础,我想把画其他几何图形的函数一笔代过。需要提示大家的是,无论

画哪种几何图形,无非是抓住这种图形的几个要素。先不算颜色,各种图形的要素如下:

点,两个要素:横坐标、纵坐标

矩形,四个要素:左上角、右下角的横、纵坐标

弧,这样理解:弧可以包括圆弧、椭圆弧;画圆弧画他360度就可以成一个圆,画椭圆弧画他360度也就画

成一个椭圆;所以这个弧的要素有六:中心点横、纵坐标,横轴长、纵轴长、弧的始、终点。

看下面这段例子。

<?

Header("Content-type: image/png");

$im = ImageCreate (200, 100);

$col_blk = ImageColorAllocate($im, 0,0,0);

$col_orn = ImageColorAllocate($im, 255,192,0);

$col_red = ImageColorAllocate($im, 255,0,0);

$col_grn = ImageColorAllocate($im, 0,255,0);

$col_blu = ImageColorAllocate($im, 0,0,255);

ImageSetPixel($im,20,10,$col_orn);

// 小小一个点,不知道能否看得见?

ImageRectangle($im,25,20,95,55,$col_blu);

// 蓝色的矩形。

ImageArc($im,20,85,50,40,225,360,$col_grn);

// 绿色的椭圆弧,中心在(20,85),横轴50,纵轴40,225度至360度。

// 由此可见,这里的圆弧始、终点是以角度计量,

// 是以水平向右的方向为0度,顺时针计算的。

ImageArc($im,160,60,40,40,0,360,$col_orn);

// 橙色的整圆。只要横轴长与纵轴长相等,就是正圆。

// 上高中我们就学过:圆是椭圆的特例嘛!

// 最后再画一段圆弧。圆心能否在图象以外?

ImageArc($im,160,140,240,240,0,360,$col_red);

// 可以!

ImagePNG($im);

ImageDestroy($im);

?>

作图当然免不了要把某一区域涂成某种颜色。GD有三种着色方式,一种是矩形区域着色,

一种是指定的点所处的封闭区域着色,另一种是指定的颜色所包围的区域着色。看以下的例子:

<?

Header("Content-type: image/png");

$im = ImageCreate (200, 100);

$col_blk = ImageColorAllocate($im, 0,0,0);

$col_orn = ImageColorAllocate($im, 255,192,0);

$col_yel = ImageColorAllocate($im, 255,255,0);

$col_red = ImageColorAllocate($im, 255,0,0);

$col_grn = ImageColorAllocate($im, 0,255,0);

$col_blu = ImageColorAllocate($im, 0,0,255);

ImageFilledRectangle($im,20,10,100,50,$col_blu);

ImageFilledRectangle($im,5,40,50,90,$col_red);

ImageFilledRectangle($im,40,80,100,95,$col_orn);

ImageFilledRectangle($im,90,35,110,90,$col_yel);

// 以上是第一种着色。直接绘制矩形。

// 我故意用四个不同颜色的矩形围起一小块区域,

// 用以说明第二种着色。

ImagePNG($im);

ImageDestroy($im);

// 看一下效果。

?>

接着:

<?

Header("Content-type: image/png");

$im = ImageCreate (200, 100);

$col_blk = ImageColorAllocate($im, 0,0,0);

$col_orn = ImageColorAllocate($im, 255,192,0);

$col_yel = ImageColorAllocate($im, 255,255,0);

$col_red = ImageColorAllocate($im, 255,0,0);

$col_grn = ImageColorAllocate($im, 0,255,0);

$col_blu = ImageColorAllocate($im, 0,0,255);

ImageFilledRectangle($im,20,10,100,50,$col_blu);

ImageFilledRectangle($im,5,40,50,90,$col_red);

ImageFilledRectangle($im,40,80,100,95,$col_orn);

ImageFilledRectangle($im,90,35,110,90,$col_yel);

// 以上是第一种着色。直接绘制矩形。

// 我故意用四个不同颜色的矩形围起一小块区域,

// 用以说明第二种着色。

ImageFill($im,70,70,$col_grn);

// 这是第二种着色。

ImageRectangle($im,120,40,190,90,$col_grn);

// 暂且画一个矩形来做框吧。事实上任何样子的边界都可以做框。

ImageFilltoBorder($im,130,50,$col_grn,$col_orn);

// 把绿色矩形框内涂成橙色。

// 只要指定的点位于这个“框”的范围内即可,与该点在区域内的位置无关。

// 这个函数其实是这样工作的:

// 从指定的点开始,向外,寻找指定颜色的边界,如果找到,则停止,

// 找不到,就把途经的点涂成需要的颜色。

ImagePNG($im);

ImageDestroy($im);

// 看一下效果。

// 现在我们作出的图已经是花花绿绿了,可是在浏览器里,图片上,

// 右键->属性:只有 214 个字节!

?>

php源码内通过ini_set设定include_path

一般情况下,我们设置php的include_path都会通过修改 php.ini来实现。
有时候,我们没有服务器的权限。有时候,我们把一个目录加到include_path会让已有的程序冲突。受cakephp的启发:在 app/webroot目录下index.php有如下代码
ini_set('include_path', CAKE_CORE_INCLUDE_PATH . PATH_SEPARATOR . ROOT . DS . APP_DIR . DS . PATH_SEPARATOR . ini_get('include_path'));
我们看到这个程序动态修改include_path。不过cake在这儿是把 CAKE_CORE_INCLUDE_PATH 和 APP_DIR 加到 include_path里,并且优先在这两个目录下找包含程序。
注意到它这里用到了PATH_SEPARATOR这个变量。这样这段代码在windows和linux下能通用。

从中受到启发,我们可以根据自己的需要把一些include目录动态的加入进来。比如说我们有很多libs:lib1,lib2,lib3等等。我们不必把这些libs都加到include_path里,因为它们之间可能冲突。
可以建立一个inc_dir,并把这个目录加入到include_path。在inc_dir下,分别建立inc_path1.php inc_path2.php inc_path3.php
分别写入
ini_set('include_path', ini_get('include_path').PATH_SEPARATOR.$dirToLib1);
ini_set('include_path', ini_get('include_path').PATH_SEPARATOR.$dirToLib2);
ini_set('include_path', ini_get('include_path').PATH_SEPARATOR.$dirToLib3);

在写程序的时候,比如要用lib2的functions.php
就可以这么写
require 'inc_path2.php';
require 'functions.php';
//....