Black Berry                           Demo

 

Business Company Blue                            Demo

=================================2008年9月4日更新==========================

介绍2款前端小工具【取色工具和量距离工具】
1.取色工具——TakeColor

先看看这个工具的界面


你可以选择色彩的模式，可以取到屏幕上任意一点的颜色值，并直接复制；
取色的快捷键您可以自己设置，点击菜单中“设置”-“热键设置”,默认是Alt+c;




点击下载此文件

今天发现在LINUX使用FIREFOX浏览网站时，出现了表单的input和textarea比较长的情况，网页结构被整了乱七八糟的。

然而在WINDOWS下使用IE或者FIREFOX浏览却没有那种情况，而且好好的，挺喜欢的。

后来经过反复测试发现原来在LINUX下和WINDOWS下对网页的表单输入域的长度是不一致的(恩，应该是这样，我是这么对自己解释的).

比如说input的size="50"，在WINDOWS下只占估计250像素的长度，然而在LINUX下几乎占了整个页面的长度。

这是一种比较夸张和超出逻辑的情况，我不知道这个差别是怎么出现的，总之我是找到了解决的办法，也就是在控制表单的输入域长度的时候尽量使用CSS，而不要使用SIZE属性，使用CSS使网页布局更加一致。

要加快网页传输的速度，一个方法是增加网络的频宽，另一个方法是降低数据量，这是大家都知道的道理. HTTP 通讯协议基本上就是 server 接受 client 的 request (GET) 然后送出被要求的资料，如果 server 端可以送出一份压缩过的数据而可以被 client 端接受，那么虽然是传送相同的资料，但是经过压缩就可以有效的降低数据量.

本站使用 Win32 的 Apache 2.0.54，如果想要达成上面讲的机制，要另加一个 gzip 的模块 mod_gzip，这里可以下载 mod_gzip 预先编译好的版本 mod_gzip-2.0.53-w32.zip，用在 Apache 2.0.54 没问题. 用法如下：
在 httpd.conf 加上

LoadModule gzip_module modules/mod_gzip.so
<ifmodule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_compression_level 9
mod_gzip_item_include file \.css$
mod_gzip_item_include file \.js$
mod_gzip_item_include mime text/.*
</ifmodule>

其中 mod_gzip_compression_level 9 是最高压缩，mod_gzip_item_include 是设定什么样的数据文件要压缩，上例中 *.css 及 *.js 会被压缩传送. 图档如 .jpg, .png，或音乐 .mp3 等，则不宜再压缩，因为档案本身就已经是压缩过的.
修改完后要 restart Apache. Apache 如果接到 browser 送来的 Accept-Encoding 含有 gzip 就会以 gzip 压缩再传送(Accept-Encoding: gzip,deflate )，现在新的 browser 都已经支持. 如果 browser 没有送来支持的讯息，server 端就会以不压缩的原数据传送.

在前篇提过使用 mod_gzip 增进传输效能，但似乎有些地方有问题，如果加上mod_gzip_item_include mime application/x-httpd-php，照理说应该会把 php 的输出压缩传出，但是在 browser 看到的是空白一片. 只好试试 Apache2 官方包装内的 mod_deflate，结果没有出现同样的问题，官方版还是比较有保障.

用法如下:
在 httpd.conf 加上

LoadModule deflate_module modules/mod_deflate.so
<ifmodule mod_deflate.c>
DeflateCompressionLevel 9
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/x-httpd-php
AddOutputFilter DEFLATE css js
</ifmodule>

其中 DeflateCompressionLevel 9 是最高压缩，经实验证明，压缩能力跟 mod_gzip 是一样的，style.css 12911 bytes，压缩传送同样是 3342 bytes.
Apache2 还是推荐使用 mod_deflate 较好.

Expires、Cache-Control、Last-Modified、ETag是RFC 2616（HTTP/1.1）协议中和网页缓存相关的几个字段。前两个用来控制缓存的失效日期，后两个用来验证网页的有效性。要注意的是， HTTP/1.0有一个功能比较弱的缓存控制机制：Pragma，使用HTTP/1.0的缓存将忽略Expires和Cache-Control头。我们 这里以Apache2.0服务器为例，只讨论HTTP/1.1协议。

Expires
    Expires字段声明了一个网页或URL地址不再被浏览器缓存的时间，一旦超过了这个时间，浏览器都应该联系原始服务器。RFC告诉我们：“由于推断的失效时间也许会降低语义透明度，应该被谨慎使用，同时我们鼓励原始服务器尽可能提供确切的失效时间。”

    对于一般的纯静态页面，如html、gif、jpg、css、js，默认安装的Apache服务器，不会在响应头添加这个字段。Firefox浏览器接受 到相应后，如果发现没有Expires字段，浏览器根据文件的类型和“Last-Modified”字段来推断出一个合适的失效时间，并存储在客户端。推 测出的时间一般是接受到响应时间后的三天左右。