新版的ResultsManager2.8.1和GyroQ2.0支持MindManager8了

MindManager更新到8.0后，很多插件都没有及时更新支持新的8.0版本，之前介绍的为MindManager的GyroQ和ResultsManager插件安装MindReader扩展中所使用的ResultsManager和GyroQ也是，不过现在没有关系了，gyronix公司将ResultsManager和GyroQ都做了更新，最新的ResultsManager 2.8.1版本和GyroQ 2.0.1 版本都可以支持MindManager8了。这样在做MindManager8升级的时候就不用担心使用MindReader配合ResultsManager和GyroQ搭建的GTD平台不能工作了。

ResultsManager和GyroQ新的版本GyroQ可以在这里下载试用
不过GyroQ2.0作为新的版本不能使用1.0版的LicenseKey，需要重新升级购买。目前可以在这里使用50%折扣价升级购买。

MindReader到MindManager8的迁移可以参考ActiveOwner提供的Migrating to MindManager 8迁移方案。
MindRead要工作正常，需要将MindManager8里面的task management禁用掉

因为没有MindManager8的特别版,所以没有做升级在MindManger8中体验，不过在MindManager7上做一下GyroQ和ResultsManager的新版本升级感觉也不错。

同时在这个周末参加了gyronix的新产品网上发布会，其中演示的DecisionMill 3.0也值得期待(目前他的下载页中只有2.x版的下载，不支持MindManager7)。

Popularity: 29% [?]

Related

• August 5, 2008 -- 我的MindReader实践(译) (6)
• July 30, 2008 -- 为MindManager的GyroQ和ResultsManager插件安装MindReader扩展 (2)
• August 12, 2008 -- GTD审查的六个成分 Six Components of a GTD Review(译) (0)
• August 12, 2008 -- How to have your contexts and contact them too (译) (0)
• August 5, 2008 -- MindReader的明文命令描述规则 (0)

在Linux上使用Cups服务将hp1018打印机做成网络共享

首先安装 foo2zjs 驱动

首先下载解压

编译安装

添加打印机

新建打印机，取名 hp1018, 选择 “本地(Local)” 类型,下一步中选择打印设备为 /dev/lp0.
然后选择打印机型号为 HP 1018。确定后可以选择 “测试” 打印一张纸看连接是否成功

设置为共享打印

1.修改/etc/cups/cups.conf 设置非本地Local端口
2.简单修改BrowseAddress @IF(eth0),默认的是 BrowseAddress @LOCAL
3.修改BrowseAllow允许的地址,可以简单设置为BrowseAllow All
4.在最后面修改Location的访问权限
（如果最后面有 Listen 127.0.0.1:631 可以先简单修改为 Listen 0.0.0.0:631，方便操作）
5.service cups restart 后通过http://local:631 添加一下打印机,比如叫hp1018，打印一张测试页确认本地可以打印正常
6.在Win上添加网络打印机(ipp),选择 http://X.X.X.X:631/printers/hp1018,按照提示安装hp1018打印机的驱动
7.在Windows上使用刚添加的打印机打印看，结果没有输出。
8.修改 /etc/cups/mime.convs中，到最后面将

#application/octet-stream        application/vnd.cups-raw        0       -

前面的#注释去掉
9.修改/etc/cups/mime.types,将后面的

#application/octet-stream 

前面的#注释去掉
10.再在windows中使用刚添加的打印机打印，正常打印
到此利用linux做打印共享服务器完成

——–但是目前的设置还存在如下问题———-
1.每台要使用打印机的客户机都要安装一下驱动，不能像windows共享那样可以通过双击打印机来安装。
2.不能使用缩印的方式用一页纸打印两页内容,有谁知道怎么设置请告知一下
3.需要对打印机的使用权限做设置

Popularity: 25% [?]

Random Posts

• May 28, 2008 -- 用VC编译libMPG123库 (5)
• August 5, 2008 -- 我的MindReader实践(译) (6)
• September 11, 2008 -- Trac中文显示乱码再解决 (1)
• August 20, 2009 -- 修改linux时区的简单方法 (0)
• July 17, 2008 -- VsFTP出现500 OOPS:cannot change directory 的解决方法 (0)

Nginx服务器的upload上传模块

在Nginx网站的模块列表页中发现一个Nginx服务器的上传模块http://www.grid.net.ru/nginx/upload.en.html

该模块通过Nginx服务器来接受用户上传的文件，在Nginx接受完文件以后再转给后端的程序做处理。

它自动分析客户端的上传请求，将上传的文件保存到 upload_store 所指向的目录位置. 然后这些文件信息将被从原始的请求中剔除，重新组装好上传参数后转到后端由 upload_pass 指定的位置去处理，这样就可以任意处理上传的文件。
每一个上传的 file 字段值将可以由upload_set_form_field 指定的值替换. 文件的内容可以由$upload_tmp_path 变量读到或简单的移到其他位置. 将文件删除由 upload_cleanup 指定控制。
upload_set_form_field可以使用的几个变量

• $upload_field_name

原始的文件字段

• $upload_content_type

上传文件的类型

• $upload_file_name

客户端上传的原始文件名称

• $upload_tmp_path

上传的文件保存在服务端的位置

upload_aggregate_form_field 可以多使用的几个变量,文件接收完毕后生成的

• $upload_file_md5

文件的MD5校验值

• $upload_file_md5_uc

大写字母表示的MD5校验值

• $upload_file_sha1

文件的SHA1校验值

• $upload_file_sha1_uc

大写字母表示的SHA1校验值

• $upload_file_crc32

16进制表示的文件CRC32值

• $upload_file_size

文件大小

官方的设置举例

将模块添加到Nginx中的方法
下载源代码解压后
为nginx配置额外模块（需要重新编译）:

Popularity: 33% [?]

Related

• August 24, 2009 -- 在RHEL5.3上安装基于postfix的extmail邮件系统 (3)
• April 23, 2009 -- nginx中的多条件rewrite解决方案 (0)
• March 11, 2009 -- Nginx常见应用技术指南(Nginx Tips) - 转 (0)
• August 31, 2008 -- 为了Awstats给Nginx添加FastCGI方式的Perl支持 (8)
• July 11, 2008 -- 安装配置Nginx 0.6.32 +php 5.2.6(fastcgi) + Mysql 5.0.51 (4)

给Symbian添加子菜单方法

测试用Symbian程序的菜单越来越多，想通过子菜单方式将菜单的功能分组。
研究了一下，发现在资源文件中可以做到，要使用MENU_ITEM的cascade属性。

• 首先

修改原先的一个MENU_ITEM，设置其cascade值为一个新的MENU_PANE的id(红色字标出)

    MENU_ITEM
   {
	command = ETest_S60CmdGroup1;
	txt = qtn_hewb_cmdgroup1;
	cascade = r_test_s60_group1_menu;
    },

• 然后

对子菜单的MENU_PANE设置,注意红色字和前面的对应关系

RESOURCE MENU_PANE r_test_s60_group1_menu{
  items =
  {
	// added the new Options menu command here
	MENU_ITEM
	{
	command = ETest_S60CmdGroupItem1;
	txt = qtn_hewb_cmdgroupitem1;
	}
   };
}

• 最后

设置好相关资源值，Rebuild工程，运行，在模拟器中可以看到刚刚设置的子菜单。

Popularity: 30% [?]

Related

• January 12, 2009 -- symbian手机平台上的putty (0)
• November 8, 2008 -- 如何在VC调试器中显示Symbian字符串(译) (0)
• November 1, 2008 -- Symbian 的 sprintf 函数对 “%f” 浮点数格式化不正常? (0)
• November 1, 2008 -- OfferKeyEventL不能响应按键操作? (1)
• October 25, 2008 -- 使用Bitmap Collection tool未能生成mbg文件？ (0)

为HTK添加MP3输入格式支持

HTK作为一个很好的语音分析工具，但是缺少MP3文件作为输入源的支持，在网上找了一些自己需要的语音素材多是MP3格式的，每一个文件都要做WAV格式转化，既耗时间又耗存储空间。
有没有办法直接让HTK直接支持MP3文件的读入呢?经过分析，发现只要对hwav.c中的OpenWavInput函数做修改就可以完成这个想法。
找到关键点，等空闲再研究处理一下。

Popularity: 32% [?]

Related

• September 1, 2008 -- 发现一个CMU音标和KK音标的对照表 (0)
• July 14, 2008 -- HTK内存分配处理中的问题 (0)
• June 25, 2008 -- 为HTK添加wav文件采样速率自动转化功能 (2)
• June 16, 2008 -- VC下编译libMPG123(补) (8)
• May 28, 2008 -- 用VC编译libMPG123库 (5)

今天逮着一次浏览器被电信ADSL劫持的页面脚本

回到家里打开Firefox浏览器，打开自己的网站后台，发现蹦出一个广告窗。疑惑的想到，自己的博客上没有放广告，怎么会有广告出来呢？第一感觉，网站被黑了，检查了服务器上的文件，没有被篡改，同时换用IE浏览器打开也没有广告蹦出了，再开一个FireFox窗口打开，也没有广告窗。
因为保留了刚刚火狐的现场，右键查看其他的页面代码都正常，只有出问题的页面代码如下:

看这段脚本，很明显是在正常页面前面无耻的包了一层广告脚本代码，弹出广告，重新浏览器加载访问的地址。要么是中毒了(但是现在报道Firefox中毒的好像比较少，难不成就那么幸运的被我碰到了?)，要么就是用的浏览器被电信ADSL劫持了。
对照着里面的两个地址 用google 搜索了一下。
一个220.189.126.10 的机器是被当肉鸡教学用的(不过文章是06年的，现在应该没有用了)，使用 http://220.189.126.10:2000/ 方式打开，大家猜猜会出现什么? 出现的居然是“中国电信宽带业务管理系统”。也许这篇文章之后他们就会将其消灭修改了吧。
另一个60.191.62.5出现在 杭州电信ADSL用户应该过滤的IP和方法 文章中。
我的情况基本满足文章中说明情况，而且由前面地址出现的页面很明显的是被电信ADSL劫持了。
想到在电信的宽带服务条款中好像没有说电信在用户浏览网页的时候可以强制推送广告，这算不算是电信的一种违约呢？

Popularity: 28% [?]

Random Posts

• July 8, 2008 -- mogileFS的工作方式(译) (1)
• December 12, 2008 -- Google的118种排名因素分析（解密文档）(转) (0)
• March 10, 2009 -- IdHttp访问返回非2XX代码的地址后Response.Stream中无数据问题解决 (1)
• January 12, 2009 -- symbian手机平台上的putty (0)
• November 8, 2008 -- 如何在VC调试器中显示Symbian字符串(译) (0)

给WordPress添加一个Super Cache静态缓冲插件

我们知道wordpress在做页面显示的时侯会加载很多东西，对于一个文章我们在写好后很少会去再次修改，这样就没有必要每次在显示的时候都要加载这些东西，直接将之前加载处理的东西输出就好了。

如果我们能够将wordpress页面内容做缓冲甚至做成静态化，也就是单纯的html页面，那将会带来速度的提升。给网站的服务器减少很多负载，性能效率方面大为优化。

WP Super Cache这款插件就能够实现WordPress页面数据缓冲并可以静态化页面，他是在WP-Cache plugin插件的基础上修改的，功能更强大。他能够在你的服务器端生成缓冲静态的web页面，这样下次访客访问的时候，就直接提供这些缓存的静态页面，wordpress就不用重新执行加载处理的脚本，性能大大优化。

下载地址：WP super cache

安装方法

• 将下载解压好的文件上传到plugins目录下,在后台中激活它,如果失败可以先按卸载方法处理，然后安装
• 在Wordpress的后台中启用它
• 如果缺少.htaccess文件，自己建立一下
  WordPress目录下的
  1. RewriteEngine On
  2. RewriteBase /
  3.  
  4. RewriteCond %{REQUEST_METHOD} !=POST
  5. RewriteCond %{QUERY_STRING} !.*=.*
  6. RewriteCond %{HTTP_COOKIE} !^.*(comment_author_|wordpress|wp-postpass_).*$
  7. RewriteCond %{HTTP:Accept-Encoding} gzip
  8. RewriteCond %{DOCUMENT_ROOT}/wp-content/cache/supercache/%{HTTP_HOST}/$1/index.html.gz -f
  9. RewriteRule ^(.*) /wp-content/cache/supercache/%{HTTP_HOST}/$1/index.html.gz [L]
  10.  
  11. RewriteCond %{REQUEST_METHOD} !=POST
  12. RewriteCond %{QUERY_STRING} !.*=.*
  13. RewriteCond %{QUERY_STRING} !.*attachment_id=.*
  14. RewriteCond %{HTTP_COOKIE} !^.*(comment_author_|wordpress|wp-postpass_).*$
  15. RewriteCond %{DOCUMENT_ROOT}/wp-content/cache/supercache/%{HTTP_HOST}/$1/index.html -f
  16. RewriteRule ^(.*) /wp-content/cache/supercache/%{HTTP_HOST}/$1/index.html [L]
  17.  
  18. RewriteCond %{REQUEST_FILENAME} !-f
  19. RewriteCond %{REQUEST_FILENAME} !-d
  20. RewriteRule . /index.php [L]

  wp-content/cache目录下的

  1. # BEGIN supercache
  2. <IfModule mod_mime.c>
  3.   AddEncoding gzip .gz
  4.   AddType text/html .gz
  5. </IfModule>
  6. <IfModule mod_deflate.c>
  7.   SetEnvIfNoCase Request_URI \.gz$ no-gzip
  8. </IfModule>
  9. <IfModule mod_headers.c>
  10.   Header set Cache-Control 'max-age=300, must-revalidate'
  11. </IfModule>
  12. <IfModule mod_expires.c>
  13.   ExpiresActive On
  14.   ExpiresByType text/html A300
  15. </IfModule>
  16.  
  17. # END supercache

验证是否安装成功
打开网页，右键浏览器菜单=>查看页面代码,在最后面应该可以看到如下内容
第一次缓冲

输出缓冲的内容

卸载方法

• 1. 在后台禁用此插件。
• 2. 删除/wp-content/plugins/目录的wp-super-cache目录。
• 3. 删除wp-content目录下面的cache目录。
• 4. 删除wp-content目录下面的wp-config.php ，advanced-cache.php两个文件。
• 5. 修改wp-config.php，把包含如下信息的一行删掉即可：define(’WP_CACHE’, true);

Popularity: 25% [?]

Related

• July 11, 2008 -- 为WordPress添加源代码高亮显示插件 (4)
• July 7, 2008 -- 为WordPress安装Popularity Contest插件 (6)
• July 7, 2008 -- 给用的WordPress添加了一个留言插件 (0)

MindManager8发布了

刚收到广告邮件通知，今天MindManager8发布了。
新版本的地址: http://www.mindmanager8.com/MindManager8.html
新增加了一些有用的特性.

NEW FEATURES

Mindjet Player…
…lets you share your maps with everyone in dynamic Adobe PDF or Adobe Flash formats. Easily publish Flash maps in web sites and blogs.
这个特性更方便脑图的共享了。

Automated Task Management…
…helps manage your project plan more effectively with the automatic calculation of task information and completion percentages.
将项目管理的一些东西也放进来了，对外部插件依赖小了。

Integrated Microsoft Office File Editing…
…lets you view and edit Microsoft files directly within MindManager.
直接在MindManager中打开编辑Office文件，不用两边切换了

Integrated Web Services…
…allows you to add easy-to-use Web services to your maps to access online data from Google, Yahoo, Amazon, Microsoft, Facebook, StrikeIron, and more.

Embedded Web Browser…
…lets you view Web pages and PDF documents without leaving your MindManager map.
可以直接在MindManager中看网页和pdf文档

Database Linker…
…enables you to interact with your corporate data visually (Oracle, MySQL, DB2, MS SQL Server, Access, Excel, CSV or text files).
可以使用数据源展现一些数据

看着这些特性很期待快点有特别版的程序可以用。
不过不知道新版程序对原先在旧版上使用的插件有无影响。

Popularity: 29% [?]

Related

• December 1, 2008 -- 决策辅助工具Map4Score和DecisionMill简单对比 (0)
• November 30, 2008 -- 新版的ResultsManager2.8.1和GyroQ2.0支持MindManager8了 (0)
• August 12, 2008 -- GTD审查的六个成分 Six Components of a GTD Review(译) (0)
• August 12, 2008 -- How to have your contexts and contact them too (译) (0)
• August 10, 2008 -- MindManager的插件ThinkingWorks (0)

Google Analytics 只能看到昨天之前的数据?

Google Analytics只能看到前天的数据，下午4点以后才能看到昨天的数据，当天的数据根本看不到。
但是事实是这样吗？实际情况是当天的数据也可以看到，只不过google没有默认当天数据显示，而使用它的我们又比较懒，不会去主动设置他的查询参数，从而造成这么一个假象。
其实我们在看数据时只要自己修改一下时间范围条件，将终止时间设置到当天就可以看到当天之前一个月的数据了。

Popularity: 45% [?]

Random Posts

• October 13, 2008 -- 一个轻量级的分布式文件存储FastDFS (2)
• October 10, 2008 -- 为 Tracd 服务编写一个启动脚本 (0)
• May 27, 2008 -- 通过网站日志做网络爬虫和恶意访问分析 (0)
• August 30, 2008 -- WinXP系统应用程序中文字乱码乱字符问题解决 (0)
• October 15, 2008 -- MySQL从库损坏后重建 (1)

YSlow工具相关的使用说明(转)

YSlow是Yahoo公司开发的一个免费工具，一直想写一个使用说明的，不过网上搜了一下，发现已经有人做了这项事情，将其转过来。
原文地址: 如何提高网页的效率（上篇）——提高网页效率的14条准则
原文地址: 如何提高网页的效率（下篇）——Use YSlow to know why your web Slow
还有一篇: 用YSlow分析我们页面 不过觉得他的内容在前面两篇中基本都有了，就没有转了，可以当作参考。

——转的正文开始(两篇合并)—–

如何提高网页的效率（上篇）——提高网页效率的14条准则

网站最基本的东西是什么？

网站最基本的东西是什么？
——内容？SEO（搜索引擎优化）？UE（用户体验）？都不对！是速度！
内容再丰富的网站，如果慢到无法访问也是毫无意义的； SEO做的再好的网站，如果搜索蜘蛛抓不到也是白搭； UE设计的再人性化的网站，如果用户连看都看不到也是空谈。
所以网页的效率绝对是最值得关注的方面。如何才能提高一个网页的效率呢？Steve Souders(Steve Souders的资料http://www.oreillynet.com/pub/au/2951)提出的提高网页效率的14条准则，而这些准则也将是我们下篇中介绍到的YSlow工具的理论基础：

• Make Fewer HTTP Requests
• Use a Content Delivery Network
• Add an Expires Header
• Gzip Components
• Put CSS at the Top
• Move Scripts to the Bottom
• Avoid CSS Expressions
• Make JavaScript and CSS External
• Reduce DNS Lookups
• Minify JavaScript
• Avoid Redirects
• Remove Duplicate Scripts
• Configure ETags
• Make Ajax Cacheable

这里我们将逐一的讲解这些准则,对其中开发者密切相关的准则我将详细讲解。小弟个人技术实在有限，错误和无知在所难免，还请高人指点。

第一条：Make Fewer HTTP Requests 尽可能的减少HTTP的Request请求数。

80%的用户响应时间都是浪费在前端。而这些时间主要又是因为下载图片、样式表、JavaScript脚本、flash等文件造成的。减少这些资源文件的Request请求数将是提高网页显示效率的重点。
这里好像有个矛盾，就是如果我减少了很多的图片，样式，脚本或者flash，那么网页岂不是光秃秃的，那多难看呢？其实这是一个误解。我们只是说尽量的减少，并没有说完全不能使用。减少这些文件的Request请求数，当然也有一些技巧和建议的：

1：用一个大图片代替多个小图片。

这的确有点颠覆传统的思维了。以前我们一直以为多个小图片的下载速度之和会小于一个大图片的下载速度。但是现在利用httpwatch工具的对多个页面进行分析后的结果表明事实并不是这样。
第一张图是一个大小为40528bytes的337*191px的大图片的分析结果。
第二张图是一个大小为13883bytes的280*90px的小图片的分析结果。

第一张大图片花费时间为：
Blocked：13.034s
Send：0.001s
Wait：0.163s
Receive：4.596s
TTFB：0.164s
NetWork：4.760s
功耗时：17.795s
真正用于传输大文件花费的时间为Reveive时间，即4.596s，多数的时间是用来检索缓存和确定链接是否有效的Blocked时间，供花费13.034s，占总时间的73.2%。

第二张小图片花费时间为：
Blocked：16.274s
Send：小于0.001s
Wait：0.117s
Receive：0.397s
TTFB：0.118s
NetWork：0.516s
功耗时：16.790s
真正用于传输文件的花费时间是Reveive时间，即0.397s，这的确要比刚才大文件的4.596s小很多。但是他的Blocked时间为16.274s，占总时间的97%。

如果这些数据还不够说服你的话，让我们看看下面这张图。这里列出了某个网页中所有图片中的花费时间示意图。当然，里面的图片有大有小，规格不一。

其中藏青色的为传输文件花费的Reveive时间，而前面白色的为检索缓存和确认链接是否有效的Blocked时间。铁一样的事实告诉我们：

• 大文件和小文件下载所需时间的确是不同的，差异的绝对值不大。而且下载所需时间占总耗费时间比例很小。
• 大约80%以上的时间是用来检索缓存和确定链接是否有效的Blocked时间。无论文件大小，这个时间的花费大致是相同的。而且所占总耗费时间的比例是极大的。
• 一个100k的大图片总耗费时间绝对大于4个25k的小图片的总耗费时间。而且主要差别就是4个小图片的Blocked时间绝对大于1个大图片的Blocked时间。

所以如果可能还是使用大图片来替代过多的琐碎的小图片吧。这也是为什么翻转门的效率要高于图片替换实现的滑动门的原因。
但是，请注意：也不能用太大的单张图片，因为那样会影响到用户体验。例如个几兆的背景图片的使用绝对不是一个好主意。

2：合并你的css文件。

我以前犯了一个错误，你在看我《样式表的组织与规划》的系列文章中会知道。当时，我为了方便组织和规划样式表，将用于不同用途的样式表文件分离开来，形成 不同的css文件。然后在页面中根据需要引用多个css文件。根据“尽可能的减少HTTP的Request请求数”准则我们知道，那样的确是不合理的，因 为那样会产生更多的HTTP的Request请求数。从而降低网页的效率。所以，从提高网页效率的角度上而言，我们还是应该将所有的css写在同一个 css文件中。但是问题又来了。那么怎么来很好的组织和规划样式表呢？这的确是个矛盾。我现在的做法是采用两套版本。编辑版和发布版。编辑版仍然使用多个 css文件以便于规划和组织。而等到发布的时候，再将多个css文件合并到一个文件中去，从而达到减少HTTPRequest请求数的目的。

3：合并你的javascript文件。

原因和处理方法同上，不再赘言。

第二条：Use a Content Delivery Network 使用CDN

这个看上去好像很深奥的样子，但是只要结合中国的网络特色，这个便不难理解了。“北方服务器”、“南方服务器”、“电信服务器”、“网通服务器 ”……这些词听起来是那么熟悉和压抑。如果，一个北京的电信用户试图从广东的网通服务器上打开一个类似《壁纸合集》帖子的网页时，你就能很深刻的理解。
鉴于这个不是我们开发人员力所能及的准则，所以这里也就不多言了。

第三条：Add an Expires Header 添加周期头

这个也并非开发人员来控制，而是网站服务器管理员的职责。所以，如果作为开发人员的你不了解和明白也没有关系。还是把这个准则告诉公司的网站服务器管理员。

第四条：Gzip Components 启用Gzip压缩

这个大家应该比较熟悉。Gzip的思想就是把文件先在服务器端进行压缩，然后再传输。这对于体积较大的纯文字型的文件有特效。鉴于这也并非开发人员，而是网站服务器管理员的工作范畴，这里就不详细讲解了。如果你对此感兴趣，可以资讯贵公司的网站服务器管理人员。

第五条：Put CSS at the Top 把CSS样式放在页面的上方。

无论是HTML还是XHTML还是CSS都是解释型的语言，而非编译型的。所以CSS到上方的话，那么浏览器解析结构的时候，就已经可以对页面进行 渲染。这样就不会出现，页面结构光秃秃的先出来，然后CSS渲染，页面又突然华丽起来，这样太具有“戏剧性”的页面浏览体验了。

第六条：Move Scripts to the Bottom 将脚本放在底部

原因同第五条一样。只是脚本一般是用来于用户交互的。所以如果页面还没有出来，用户连页面都不知道什么样子，那谈交互简直就是扯谈。所以，脚本和CSS正好相反，脚本应该放在页面的底部。

第七条：Avoid CSS Expressions 避免使用CSS中的Expressions

首先有必要先说明一下CSS Expressions是什么一个东西。其实它就像其它语言中的if……else……语句。这样在CSS中就可以进行简单的逻辑判断了。举个简单的例子——

这样css就可以根结一些情况分别使用不同的样式了。如果你对这个感兴趣可以到我的博客上阅读相关的文章—— 《CSS中的expression系列文章》。但是CSS中Expressions 的代价却是极高的。当你的页面需要根据判断来渲染效果的元素很多的时候，那么你的浏览器将长期处于假死状态，从而给用户带来极差的用户体验。

第八条：Make JavaScript and CSS External 将javascript和css独立成外部文件

这一条好像和第一条有点矛盾。的确，如果从HTTP的request请求数来讲的话，这样做的确是降低了效率。但是之所以这么做，是因为另外一个重 要的考虑因素——缓存。因为外部的引用文件会被浏览器缓存，所以如果javascript和css体积较大的时候，我们将它们独立成外部文件。这样当用户 只要浏览一次以后，这些体积较大的js和css文件就能被缓存起来，从而极高地提高用户再次访问时的效率。

第九条：Reduce DNS Lookups  减少DNS查询

DNS域名解析系统。大家都知道我们之所以能记住那么多的网址，是因为我们记住的都是单词，而非http://202.153.125.45这样的 东西，而帮我们把那些单词和202.153.125.45这样的ip地址联系起来的就是DNS。那这一条对我们到底有什么真正意义上的指导意义呢？其实有 两条：
1：如果不是必须，请不要把网站放到两台服务器上。
2：网页中的图片、css文件、js文件、flash文件等等，不要太多的分散在不同的网络空间中。这就是为什么那种只发一个网站中的壁纸图片的帖子，要比壁纸图片来源于不同网站的帖子显示要快得多的原因。

第十条：Minify JavaScript and CSS  减少JavaScript和CSS文件的体积

这点很好理解。在你的最终发布版本中把没有必要的空行、空格和注释全部去掉。显然手工去处理效率太低，好在网上到处都是用于压缩这些东西的工具。压缩JavaScript代码体积的工具随处可见，我便不再列举了，这里我只提供一个用于压缩css代码体积的在线工具网站——http://www.cssdrive.com/index.php/main/csscompressor
它提供了多种压缩方式，可以适应多种要求。

第十一条：Avoid Redirects 避免跳转

我只从网页开发人员的角度来解读此条。那么我们可以解读到什么东西呢？2点——
1：“此域名已过期，5秒钟以后，页面将跳转到http://www.xxxxxx.com/index.html页面”，这句话看起来的确很熟悉。但是，我就奇怪了，为什么不直接链接到那个页面呢？
2：一些链接地址请更明确的写出来。例如:将http://justinyoung.cnblogs.com/ 写成http://justinyoung.cnblogs.com （注意最后面一个“/”符号）。的确，这两个网址都能访问到我的博客，但是，事实上，它们是有区别的。http://justinyoung.cnblogs.com 的结果是个301响应，它会被重新指向http://justinyoung.cnblogs.com/ 。但是显然，中间多浪费了一些时间。

第十二条 Remove Duplicate Scripts 移除重复的脚本

这个准则的道理很浅显，但是真正在工作中，很多人却因为“项目时间紧”、“太累了”、“初期没有规划好”……这样的理由搪塞过去了。你，的确可以找很多的理由不去处理这些多余重复的脚本代码，如果你的网站不需要更高的效率和后期维护的话。
也正是这点，我提醒大家一些，一些javascript框架、javascript包一定要慎用。至少要问一下：用了这个js kit 到底给我们多少方便，提高了多少工作效率。然后，再与它因为多余的、重复的代码带来的负面效果比较一下。

第十三条：Configure ETags 配置你的实体标签

首先来讲讲什么是Etag吧。Etag（Entity tags ）实体标签。这个tag和你在网上经常看到的标签云那种tag有点区别。这个Etag不是给用户用的，而是给浏览器缓存用的。Etag是服务器告诉浏览器 缓存，缓存中的内容是否已经发生变化的一种机制。通过Etag，浏览器就可以知道现在的缓存中的内容是不是最新的，需不需要重新从服务器上重新下载。这和 “Last-Modified”的概念有点类似。很遗憾作为网页开发人员对此无能为力。他依然是网站服务器人员的工作范畴。如果，你对此有兴趣，可以咨询 贵公司的网站服务器管理员。

第十四条：Make Ajax Cacheable 上面的准则也适用Ajax

现在的Ajax好像有点被神话了，好像网页只要Ajax了，那么就不存在效率问题了。其实这是一种误解。拙劣的使用Ajax不会让你的网页效率更高，反而会降低你的网页效率。Ajax的确是个好东西，但是请不要过分的神话它。使用Ajax的时候也要考虑上面的那些准则。

后记：

当然，上面的这些也只是供你参考的理论上的准则。具体的情况还是要具体的去对待。理论和准则只是用来指导现实工作的，却是万万不可死记硬套。

如何提高网页的效率（下篇）——Use YSlow to know why your web Slow

网站最重要的东西是什么？
——内容？SEO（搜索引擎优化）？UE（用户体验）？都不对！是速度！
内容再丰富的网站，如果慢到无法访问也是毫无意义的； SEO做的再好的网站，如果搜索蜘蛛抓不到也是白搭(页面效率和搜索蜘蛛之间的关系，需要进一步的确认，此为和上篇保持统一)； UE设计的再人性化的网站，如果用户连看都看不到也是空谈。

所以网页的效率绝对是最值得关注的方面。虽然我们在 《如何提高网页的效率（上篇）——提高网页效率的14条准则》提 到了如何提高网页效率的14条准则，但是如何知道我们现在的网页的效率到底如何？到底处于怎样一个级别？又有哪些方面做的不够好，需要改进呢？也许，你会 说，问一下用户不就知道了吗？但是相比感性比例占据太大的用户感受而言，理性的工具和数据更具有说服力。本篇就将向你介绍一款评测网页效率的工具—— YSlow（why slow，这个名字起的太好了）。

YSlow是由Yahoo开发者团队发布的一款基于Firebug的插件。而Firebug 又是一款基于FireFox的插件。所以说YSlow是一款基于FireFox插件的插件。虽然有点绕，但是最终说明的问题是：

• 很遗憾，微软的IE系列浏览器不能使用YSlow。
• YSlow只能使用在FireFox浏览器上。
• 如果要想使用YSlow，那么你必须先安装FireFox。
• 如果要想使用YSlow，那么你就要安装FireFox上的Firebug插件。

这看上去好像有点令人沮丧，但是事实上它并不像想象中的那么麻烦，只要按照下面的步骤你将能很快的使用YSlow：

1. 到http://www.mozilla.net.cn/firefox/ 下载最新版的FireFox，并安装它。当然如果你已经安装了FireFox可以跳过此步。
2. 到https://addons.mozilla.org/en-US/firefox/addon/1843/ 下载最新版的Firebug，并安装它。当然如果你已经安装了Firebug可以跳过此步。
3. 到https://addons.mozilla.org/en-US/firefox/addon/5369/ 下载最新版的YSlow，并安装它。当然如果你已经安装了YSlow可以跳过此步。

这时候打开FireFox，你将在【工具】菜单中看到【firebug】（如图2）。打开firebug，然后在firebug中点击YSlow菜单，便看进入YSlow的主界面（如图3）。

点击【Performace】菜单

YSlow便开始分析此页的效率，并从13个最影响网页效率的方面给出评估（如图4）。

可以看出来，YSlow评估的依据就是我们在 《如何提高网页的效率（上篇）——提高网页效率的14条准则》中提到的前面13条。前面蓝色的字母表示这一条准则的得分。A最高。点击右面的三角形可以得到更多的信息和建议，有些信息里面还有“放大镜” 图标，点击也将展示更为详细的信息和建议。（如图5所示）

点击【Stats】菜单

这个视图会告诉你页面的总体统计信息。包括页面大小、css样式表大小、脚本文件大小、总体图片大小、flash文件大小和css中用到的图片文件大小。还会告诉你，哪些东西被缓存了，缓存了多少等等。

点击【Components】菜单

这个视图是一个页面所有部件的信息列表。从中我们可以得知每个部件的各种详细信息。如：类型、URL、Expires数据、状态、大小、读取时间、ETag信息等等。通过对这个列表的分析，我们就可以知道到底是什么东西最耗费我们的资源，从而有针对性的进行优化。

点击【Tools】菜单

【Tools】菜单包含4个子菜单，就是4个实用工具。【JSLine】工具会生成JSLine报表，报表是对本网页中JS脚本的分析报告，包含错 误和建议。【ALL JS】工具，将生成本页面所有脚本代码便于阅读和打印的报表页面。【ALL CSS】工具，将生成本页面 所有CSS样式表代码便于阅读和打印的报表页面。【Printable View】将【Performance】和【Stats】视图中的信息生成一份更适合阅读和打印的报表页面。

点击【Help】菜单

【Help】主要是些常用的帮助途径的入口。从这里你可以很方面的访问YSlow的官方网络和博客。如果你还对YSlow的使用有什么疑惑的话，那么在这里你将获得满意的解答。

后记

“工欲善其事，必先厉其器！”好的工具的确能很大的提高我们的工作效率。但是“阿斗”就算手里拿着“方天画戟”，估计也没有几个人怕他。好的工具是一方面，但是更重要的还是提高我们自身的知识水平。就如同这款YSlow，如果没有 《如何提高网页的效率（上篇）——提高网页效率的14条准则》中的理论知识，工具提供的信息我们看到的可能只是表面，就算看懂了数据，我们也很难知道对应的手段和措施。壮汉拿厉斧，这样伐木才能又快又轻松。

———–转文结束—————

Popularity: 44% [?]

Related

• June 18, 2008 -- 快速打造Win下的Php+Mysql开发环境 (1)

Next Page →

• 
  

•  

  November 2008

  M	T	W	T	F	S	S
  « Oct				Dec »
  					1	2
  3	4	5	6	7	8	9
  10	11	12	13	14	15	16
  17	18	19	20	21	22	23
  24	25	26	27	28	29	30

• Categories

  embeded [20]

  Android [1]

  ARM [1]

  PSP [1]

  Symbian [14]

  WINCE [1]

  Hack [2]

  LAMP [126]

  DFS [8]

  MySQL [18]

  Search [3]

  SEO [6]

  Trac [8]

  WebServer [21]

  WebUI [2]

  My Projects [9]

  Speech [4]

  Productivity [15]

  Programming [41]

  C/C++ [13]

  Delphi [14]

  Java [2]

  PHP [6]

  ProjectManager [3]

  Uncategorized [15]

• Recent Posts

  • 我也说说360软件的几宗罪
  • 页内SEO优化工具 WebSite Auditor 处理中文网页的方案
  • WebSite Auditor 一个非常棒的页内SEO优化工具
  • 使用MySQL Connector C++的PreparedStatement更新数据碰到类型异常
  • 一个C++编译的问题折腾了我好久

• Archives

  • September 2010 (1)
  • August 2010 (2)
  • May 2010 (2)
  • April 2010 (2)
  • March 2010 (1)
  • February 2010 (1)
  • January 2010 (2)
  • December 2009 (5)
  • September 2009 (4)
  • August 2009 (5)
  • June 2009 (1)
  • May 2009 (4)
  • April 2009 (6)
  • March 2009 (7)
  • February 2009 (8)
  • January 2009 (5)
  • December 2008 (9)
  • November 2008 (21)
  • October 2008 (29)
  • September 2008 (11)
  • August 2008 (18)
  • July 2008 (37)
  • June 2008 (12)
  • May 2008 (4)

• Tags

  AWStats Cache crosstool Delphi Distributed File System Eclipse ExtMail Fastcgi Firebug FireFox GTD GyroQ HTK indy libMPG123 Linux Memcached MindManager MindReader mogileFS MySQL mysqlhotcopy Nginx OpenSSL Performance Php Plugins Popularity PSP ResultsManager SEO Sqlite Symbian toolchain Trac VC vsftpd WebLogs WordPress YSlow 代码缓冲 分布式文件存储 加速器 插件 日志分析

• Recent Comments

  • 非主流 on 给WordPress添加一个Super Cache静态缓冲插件
  • 莲香楼月饼 on 安装memcached服务
  • zhengdong on 联通VAC定制包解析userIdType和updateType数据碰到的一个问题解决
  • he on IPTables默认没有对Output设置限制规则
  • 无聊 on Delphi2009正式版发布了

• Meta

  • Log in
  • Entries RSS
  • Comments RSS

• Friends

  • Ah Ryan
  • DBAnotes

• My Projects

  • 阳光背单词(exuexi.com)