<![CDATA[Claymore's blog]]> http://www.claymorephp.com/ PHPBlog Beta 1.0.1 2009-01-08 19:38:33 <![CDATA[jQuery实现图层居中]]> claymore http://www.claymorephp.com/?article_id=225 claymore1986@yahoo.cn 2008-12-28 13:58:11 2008-12-28 13:58:11
程序代码 程序代码
<script>
$("#chatbox").each(function(i,o){
$(o).css("left",(($(document).width())/2-(parseInt($(o).width())/2))+"px");
$(o).css("top",(($(document).height())/2-(parseInt($(o).height())/2))+"px");
})
</script>

<div id="chatbox" style="position:absolute;z-index:100;background-color:red;"></div>

]]> http://www.claymorephp.com/?article_id=225 <![CDATA[jQuery使用手册 ]]> claymore http://www.claymorephp.com/?article_id=224 claymore1986@yahoo.cn 2008-12-26 22:36:05 2008-12-26 22:36:05 翻译整理：Young.J
官方网站：http://jquery.com

    jQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优 秀的js效果，jQuery可以帮你达到目的！
   下载地址：Starterkit （http://jquery.bassistance.de/jquery-starterkit.zip）
                       jQuery Downloads （http://jquery.com/src/） ]]> http://www.claymorephp.com/?article_id=224 <![CDATA[smarty与MVC模式]]> claymore http://www.claymorephp.com/?article_id=222 claymore1986@yahoo.cn 2008-12-03 21:20:52 2008-12-03 21:20:52 一、什么是smarty?
smarty是一个使用PHP写出来的模板PHP模板引擎，它提供了逻辑与外在内容的分离，简单的讲，目的就是要使用PHP程序员同美工分离,使用的程序员改变程序的逻辑内容不会影响到美工的页面设计，美工重新修改页面不会影响到程序的程序逻辑，这在多人合作的项目中显的尤为重要。

二、smarty优点：

1. 速度：采用smarty编写的程序可以获得最大速度的提高，这一点是相对于其它的模板引擎技术而言的。

2. 编译型：采用smarty编写的程序在运行时要编译成一个非模板技术的PHP文件，这个文件采用了PHP与HTML混合的方式，在下一次访问模板时将WEB请求直接转换到这个文件中，而不再进行模板重新编译（在源程序没有改动的情况下）

3. 缓存技术：smarty选用的一种缓存技术，它可以将用户最终看到的HTML文件缓存成一个静态的HTML页，当设定smarty的cache属性为true时，在smarty设定的cachetime期内将用户的WEB请求直接转换到这个静态的HTML文件中来，这相当于调用一个静态的HTML文件。

]]> http://www.claymorephp.com/?article_id=222 <![CDATA[PHP中通过Web执行C/C++应用程序]]> claymore http://www.claymorephp.com/?article_id=220 claymore1986@yahoo.cn 2008-11-15 12:30:50 2008-11-15 12:30:50 　　一、简介
　　
　　如果你对Unix/Linux有所了解的话，你应该知道他们大都自带了C和C++的编译器，分别是GCC和G++。Unix在程序安装及Make等许多地方使用到了这些编译器。利用一些控制台命令，C++和PHP, 我将向你介绍怎样生成一个完整的C++程序例子，他可以在用PHP程序来执行，并能获得相应的输出结果。我将先生成C++程序代码，并编译它，谈后讨论我们将如果通过使用PHP的函数passthru来执行这个程序。从某种意义上来说，这边文章给我们提供一种通过Web页面来访问一般程序的方法。
　　
　　为了能更好的理解这篇文章，你应该有一台运行着apache和最新版本php的unix/Linux服务器。同时也应该掌握C++, unix控制台命令，当然一些PHP的编程经验也是必需的。
　　
　　二、编写一个C++程序
　　
　　例如，我们可以写一个能够通过命令行还接收参数的C++ 简单程序，并命名为Sampleapp.然后我们能够按照下面的方式给他传递三个不同的参数 ：
　　
　　Sampleapp ?参数一 ?参数二 ?参数三
　　
　　这个程序的功能是能输出传递给他的参数的个数和每个参数的值，然后我们可以用PHP脚本程序来执行编译好的C++程序。
　　
　　利用你习惯的文本编辑器，新建一个名为Sampleapp.cpp 的文件，再此文件中输入如下的代码:
　　
　　#include <iostream.h>
　　
　　int main(int argc, char* argv[])
　　{
　　cout << endl << "You passed " << argc-1 << " arguement"
　　<< (argc-1 == 1 ? "" : "s") << "." << endl;
　　
　　cout << (argc-1 == 1 ? "This" : "These")
　　<< " arguement" << (argc-1 == 1 ? "" : "s") << " "
　　<< (argc-1 == 1 ? "is" : "are") << ": " << endl << endl;
　　
　　for(int i = 1; i < argc; i++)
　　cout << "[" << i << "] " << argv << endl;
　　
　　return 0;
　　}

]]> http://www.claymorephp.com/?article_id=220 <![CDATA[13个不同类型网页菜单源代码和在线例子]]> claymore http://www.claymorephp.com/?article_id=219 claymore1986@yahoo.cn 2008-11-13 09:49:51 2008-11-13 09:49:51 1. 垂直菜单

1. Nice animated menu using CSS and Mootools

animated menu
 
下载代码Download {Code}| 在线例子Live Demo
 
 

2. jQuery iPod-风格菜单

jQuery Plugins
]]> http://www.claymorephp.com/?article_id=219 <![CDATA[16个漂亮的CSS模板]]> claymore http://www.claymorephp.com/?article_id=218 claymore1986@yahoo.cn 2008-11-13 09:45:24 2008-11-13 09:45:24 Black Berry                           Demo
 



Business Company Blue                            Demo
]]> http://www.claymorephp.com/?article_id=218 <![CDATA[近50个最好的而且免费Ajax 例子]]> claymore http://www.claymorephp.com/?article_id=217 claymore1986@yahoo.cn 2008-11-13 09:41:19 2008-11-13 09:41:19 Web应用程序已经取得了跨越式的发展，我们要感谢下Ajax 技术。
以下是我们提供的最好的而且免费提供的脚本，这些例子中使用了jQuery, Mootools, Prototype 和script.aculo.us ，不妨尝试一下！

Ajax Forms
ShoutBox

Validate a Username AJAX

]]> http://www.claymorephp.com/?article_id=217 <![CDATA[前端开发必备工具]]> claymore http://www.claymorephp.com/?article_id=216 claymore1986@yahoo.cn 2008-11-10 09:58:31 2008-11-10 09:58:31 =================================2008年9月4日更新==========================
介绍2款前端小工具【取色工具和量距离工具】
1.取色工具——TakeColor

先看看这个工具的界面


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




点击下载此文件
]]> http://www.claymorephp.com/?article_id=216 <![CDATA[Javascrīpt开发工具大集合]]> claymore http://www.claymorephp.com/?article_id=215 claymore1986@yahoo.cn 2008-11-10 09:54:59 2008-11-10 09:54:59 http://bbs.51js.com/forum-24-1.html 无忧脚本
(1)调试javascrīpt的好方法：
修改IE的设置：
IE的“选项－高级”，有两个选项默认是钩选的：
Disable scrīpt Debugging(Internet Explorer)
Disable scrīpt Debugging(Other)
中文可能是“禁用脚本调试”，去掉这两项的钩选。
在VS2005“工具－选项－调试－实时”，选中脚本调试。
在需要调试的地方加上debugger;例如：
<scrīpt language=javascrīpt>
..
debugger；
..
</scrīpt>
打开或刷新一下页面就进入断点了。


]]> http://www.claymorephp.com/?article_id=215 <![CDATA[关于表单输入域长度的问题]]> claymore http://www.claymorephp.com/?article_id=214 claymore1986@yahoo.cn 2008-11-06 19:40:39 2008-11-06 19:40:39 今天发现在LINUX使用FIREFOX浏览网站时，出现了表单的input和textarea比较长的情况，网页结构被整了乱七八糟的。
然而在WINDOWS下使用IE或者FIREFOX浏览却没有那种情况，而且好好的，挺喜欢的。
后来经过反复测试发现原来在LINUX下和WINDOWS下对网页的表单输入域的长度是不一致的(恩，应该是这样，我是这么对自己解释的).
比如说input的size="50"，在WINDOWS下只占估计250像素的长度，然而在LINUX下几乎占了整个页面的长度。
这是一种比较夸张和超出逻辑的情况，我不知道这个差别是怎么出现的，总之我是找到了解决的办法，也就是在控制表单的输入域长度的时候尽量使用CSS，而不要使用SIZE属性，使用CSS使网页布局更加一致。
]]> http://www.claymorephp.com/?article_id=214 <![CDATA[不要使用opendir,readdir,closedir]]> claymore http://www.claymorephp.com/?article_id=213 claymore1986@yahoo.cn 2008-11-06 19:26:39 2008-11-06 19:26:39 上次写代码的时候发现了一个问题。
关于目录的访问我一般使用的结构是
程序代码 程序代码
$dir_res=opendir($dir);
while($file=readdir($dir_res))
{
...
}
closedir($dir_res);

但是当文件/目录名比较特殊时，比如说是0，这样$file的值为0，虽然它表示文件名，并不表示其他含义，但是程序可不认，它把它作为false离开了这次循环，所以当文件/目录名在boolean语法中表示false的意思时，这个访问结构是不成立的。(虽然我只对文件/目录名为0的情况进行了测试不成功，天知道还有什么其他的情况)

所以，应该使用scandir函数来访问目录，该结构可为:
程序代码 程序代码
$files=scandir($dir);
]]> http://www.claymorephp.com/?article_id=213 <![CDATA[escape,encodeURI,encodeURIComponent函数比较]]> claymore http://www.claymorephp.com/?article_id=212 claymore1986@yahoo.cn 2008-11-04 15:37:05 2008-11-04 15:37:05 js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent
1、  传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。                           
例如：
<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeURIComponent("http://cang.baidu.com/bruce42")+'">退出</a>');</script>

2、  进行url跳转时可以整体使用encodeURI
例如： Location.href=encodeURI(http://cang.baidu.com/do/s?word=中国asp之家&ct=21);

3、  js使用数据时可以使用escape
例如：搜藏中history纪录。

4、  escape对0-255以外的unicode值进行编码时输出%u****格式，其它情况下escape，encodeURI，encodeURIComponent编码结果相同。

]]> http://www.claymorephp.com/?article_id=212 <![CDATA[Apache2 使用 mod_gzip 增进传输效能]]> claymore http://www.claymorephp.com/?article_id=211 claymore1986@yahoo.cn 2008-11-03 10:20:42 2008-11-03 10:20:42 要加快网页传输的速度，一个方法是增加网络的频宽，另一个方法是降低数据量，这是大家都知道的道理. 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 端就会以不压缩的原数据传送.
]]> http://www.claymorephp.com/?article_id=211 <![CDATA[Apache2 使用 mod_deflate 增进传输效能]]> claymore http://www.claymorephp.com/?article_id=210 claymore1986@yahoo.cn 2008-11-03 10:18:15 2008-11-03 10:18:15 在前篇提过使用 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 较好.
]]> http://www.claymorephp.com/?article_id=210 <![CDATA[使用Apache2的mod_deflate模块]]> claymore http://www.claymorephp.com/?article_id=209 claymore1986@yahoo.cn 2008-11-03 10:13:38 2008-11-03 10:13:38 今天看了精神奕奕的两篇文章：《Apache2 使用 mod_gzip 增进传输效能》和《Apache2 使用 mod_deflate 增进传输效能》。看起来这是位WordPress前辈啊，05年初就开始接触了WordPress。
文章介绍了使用mod_gzip模块和mod_deflate模块压缩传输数据，提供传输性能的方法。WordPress本身支持gzip压缩输入，不过仅限于WordPress输出的页面，比如Blog页面以及WordPress后台页面等等。而其他地方，比如模版的js文件和CSS文件，因为这些文件不用被PHP引擎执行，没经过WordPress的处理，所以没有压缩。不过，K2模版的几个js是特例，因为他们都是做成PHP文件，包含了wp-blog-header.php文件，并在文件启动了gzip压缩。
]]> http://www.claymorephp.com/?article_id=209 <![CDATA[服务器网页缓存的深入分析]]> claymore http://www.claymorephp.com/?article_id=208 claymore1986@yahoo.cn 2008-11-02 22:11:06 2008-11-02 22:11:06 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”字段来推断出一个合适的失效时间，并存储在客户端。推 测出的时间一般是接受到响应时间后的三天左右。
]]> http://www.claymorephp.com/?article_id=208 <![CDATA[Apache mod_expires]]> claymore http://www.claymorephp.com/?article_id=207 claymore1986@yahoo.cn 2008-11-02 22:03:49 2008-11-02 22:03:49 可用的指令如下：

ExpiresActive on|off
ExpiresDefault <code><seconds>
ExpiresByType type/encoding <code><seconds>
 
1.其中<code>为M或者A
M =>  Expires Header显示文件将在此文件的修改时间+<seconds>后超时
A =>  Expires Header显示文件将在此文件的访问时间+<seconds>后超时
 
2.<seconds>必须为一整数
例如：对于每小时自动生成的文件来说可以设置1小时过期
ExpiresDefault M3600   
例如：根据类型设定不同的过期时间
ExpiresByType text/html A604800        # 1周
ExpiresByType image/gif A2592000       # 一个月
ExpiresActive On|Off可以在.htaccess中设置来针对某目录进行开启|关闭。
还有更人性化一点的写法：
ExpiresDefault "<base> [plus] {<num> <type>}*"
ExpiresByTypeDefault  type/encoding "<base> [plus] {<num> <type>}*"
其中
]]> http://www.claymorephp.com/?article_id=207 <![CDATA[如何提高Web页面的性能]]> claymore http://www.claymorephp.com/?article_id=206 claymore1986@yahoo.cn 2008-11-02 21:38:05 2008-11-02 21:38:05 2. 使用 CDN（Content Delivery Network） [server]
3. 添加 Expires 头(或者 Cache-control ) [server]
4. Gzip 组件 [server]
5. 将 CSS 样式放在页面的上方 [css]
6. 将脚本移动到底部（包括内联的） [javascript]
7. 避免使用 CSS 中的 Expressions [css]
8. 将 JavaScript 和 CSS 独立成外部文件 [javascript] [css]
9. 减少 DNS 查询 [content]
10. 压缩 JavaScript 和 CSS (包括内联的) [javascript] [css]
11. 避免重定向 [server]
12. 移除重复的脚本 [javascript]
13. 配置实体标签（ETags） [css]
14. 使 AJAX 缓存 [content]
15. 尽早清除缓冲区 [server]
16. AJAX 请求使用“GET”方法 [server]
17. 延迟加载组件 [content]
18. 预加载组件 [content]
19. 减少 DOM 元素的数量 [content]
20. 跨域分离组件 [content]
21. 减少 iframes 的数量 [content]
22. 不出现 404 [content] ]]> http://www.claymorephp.com/?article_id=206 <![CDATA[面向站长和网站管理员的Web缓存加速指南]]> claymore http://www.claymorephp.com/?article_id=205 claymore1986@yahoo.cn 2008-11-02 18:33:36 2008-11-02 18:33:36
这是一篇知识性的文档，主要目的是为了让Web缓存相关概念更容易被开发者理解并应用于实际的应用环境中。为了简要起见，某些实现方面的细节被简化或省略了。如果你更关心细节实现则完全不必耐心看完本文，后面参考文档和更多深入阅读部分可能是你更需要的内容。
  1. 什么是Web缓存，为什么要使用它？
  2. 缓存的类型：
    1. 浏览器缓存；
    2. 代理服务器缓存；
  3. Web缓存无害吗？为什么要鼓励缓存？
  4. Web缓存如何工作：
  5. 如何控制（控制不）缓存：
    1. HTML Meta标签 vs. HTTP头信息；
    2. Pragma HTTP头信息（为什么不起作用）；
    3. 使用Expires（过期时间）HTTP头信息控制保鲜期；
    4. Cache-Control（缓存控制） HTTP头信息；
    5. 校验参数和校验；
  6. 创建利于缓存网站的窍门；
  7. 编写利于缓存的脚本；
  8. 常见问题解答；
  9. 缓存机制的实现：Web服务器端配置；
  10. 缓存机制的实现：服务器端脚本；
  11. 参考文档和深入阅读；
  12. 关于本文档；
]]> http://www.claymorephp.com/?article_id=205 <![CDATA[PHP与浏览器缓存]]> claymore http://www.claymorephp.com/?article_id=204 claymore1986@yahoo.cn 2008-11-02 16:29:31 2008-11-02 16:29:31 我们往往在服务器上对缓存设置进行各种优化方案，但是我们却很少注意到客户端缓存，准确的说是浏览器的缓存机制。
其实每种浏览器都有缓存策略，会暂时将每一个浏览过的文件缓存在一个特殊的文件夹里。我们就可以在用户重复提交页面请求的时候，告诉用户这个页面没有改变，可以调用缓存。 那我们怎么知道用户有没有这个页面的缓存数据呢？ 其实浏览器在发送请求的时候会先发送http头，一般象这样：

Date: Sun, 30 Jul 2006 09:18:11 GMT
Content-Type: image/gif
Last-Modified: Wed, 19 Jul 2006 07:40:06 GMT
ETag: "8c55da8d6abc61:2327"
Content-Length: 14757

其中

Last-Modified: Wed, 19 Jul 2006 07:40:06 GMT
ETag: "8c55da8d6abc61:2327"

就是有关页面的缓存信息的。然后如果服务器返回的响应代码不是HTTP 200 (OK)，而是 304的话，浏览器就会从缓存中读取数据。 
]]> http://www.claymorephp.com/?article_id=204