Submitted by gouki on 2008, December 8, 5:14 PM
上篇从老王的博客里抓了点东西，在文末我提到了minify，然后我又从nio的博客中找到minify的资料，同样贴给大家，具体的英文更新，还是可以从：http://code.google.com/p/minify/来进行获取，下面的是nio的翻译。。。
原文网址：http://nio.infor96.com/archives/862
内容如下：
Minify 是使用 PHP5 开发的用于合并压缩 js/css 文件的应用程序。合并压缩之后的结果可通过 HTTP gzip/deflate 及一些相关头，优化客户端缓存。可参考 Yahoo 的 Rules for High Performance Web Sites。
Minify 的安装使用很简单，下载最新版本，解压，将 min 目录复制到发布目录下，然后访问 http://example.com/min/，在显示的界面中加入你想合并压缩的 js/css 路径，点击 'Update' 之后会为你生成一个 url，如：
http://localhost/min/b=googletesting/js&f=mootools.js,iAction.js,iAjax.js,global.js
接下来你就可以将这个 url 放到你的页面中了。这样可以使请求数减少，传输的字节数也小了很多。而且 Minify 支持服务器端 cache，即将合并压缩的结果 cache 到服务器端文件中，下次访问就不需要再重新做合并压缩的操作了。如果需要组合的文件很多，url 就会变得很长，Minify 支持 group，可以将这些文件分组，这样 url 中只需指定 g=group名字 就可以了。
总之，Minify 很实用 
以下是最新更新的内容：
- "min" default application for quick deployment
- Minify URI Builder app & bookmarklet for quickly creating minify URIs
- Relative URIs in CSS file are fixed automatically by default
- "debug" mode for revealing original line #s in combined files
- Better IIS support
- Improved minifier classes:
- JS: preserves IE conditional comments
- CSS: smaller output, preserves more hacks and valid CSS syntax, shorter line lengths, other bug fixes
- HTML: smaller output, shorter line lengths, other bug fixes
- Default Cache-Control: max-age of 30 minutes
- Conditional GETs supported even when max-age sent
- Experimental memcache cache class (default is files)
- Minify_Cache_File has flock()s (by default)
- Workaround for Windows mtime reporting bug
Tags: minify, php, javascript
PHP | 评论:0
| 阅读:27868
Submitted by gouki on 2008, December 8, 5:10 PM
本文来自：Thinking in LAMP - 老王的技术手册，网址是在baidu上面的，文章URL是：http://hi.baidu.com/thinkinginlamp/blog/item/1ebc2e730600891b8601b049.html
原文内容如下：（为了方便，我将图片COPY过来了，而并非是引用，不好意思老王）
所谓“Javascript堵塞问题”，指的是浏览器在下载javascript文件的时候，会堵塞其他下载进程，并且多个javascript文件之 间，只能一个一个下载，不能并行下载。浏览器之所以要这么干，一来是因为javascript里可能会有一些涉及页面渲染的操作，比如 document.write，所以要先把他们加载完，以免影响用户体验，二来是如果并发下载javascript文件，代码执行的先后顺序会错乱，从而 引起逻辑错误。为了规避上述弊端，YSlow建议如果有多个javascript文件，并且这些文件里没有类似document.write等页面渲染的 操作，那么应该尽可能把他们合并成一个文件，并放到页面的尾部。不过很多时候，合并javascript文件是个浩大的工程，不仅破坏了模块化结构，而且 还可能会给代码维护带来不必要的麻烦，今天说说另一个方法，以期避免对现有代码的大规模修改。
先做两个javascript文件，他们是a.php，b.php，之所以用php文件是因为我只会这个，内容如下：
可以看到a.php和b.php的内容是一样的，其中之所以sleep一秒钟，是为了让演示的效果更明显。
现在让我们来做一个页面（x.htm），看看javascript堵塞问题是如何产生的：
XML/HTML代码
- <html>
- <head>
- <title>DEMO</title>
- <script type="text/javascript" src="a.php"></script>
- <script type="text/javascript" src="b.php"></script>
- </head>
- <body>
- <img src="http://www.google.com/intl/en_ALL/images/logo.gif">
- </body>
- </html>
浏览这个页面的时候，通过Pagetest软件，我们可以看到类似下面的结果：
我们可以看到，logo.gif图片的下载进程被堵塞了，并且a.php和b.php是分别下载的。
下面让我们再来做一个页面（y.htm），看看是怎么解决这个问题的：
XML/HTML代码
- <html>
- <head>
- <title>DEMO</title>
- <script>
- var load = function(file) {
- var scriptElement = document.createElement("script");
- scriptElement.src = file;
- document.getElementsByTagName("head")[0].appendChild(scriptElement);
- }
- load('a.php');
- load('b.php');
- </script>
- </head>
- <body>
- <img src="http://www.google.com/intl/en_ALL/images/logo.gif">
- </body>
- </html>
浏览这个页面的时候，通过
Pagetest软件，我们可以看到类似下面的结果：
Tags: javascript, load, block
Javascript | 评论:0
| 阅读:21121
Submitted by gouki on 2008, December 7, 7:32 PM
jQuery里面这个插件应该用的是相对比较多的，最起码在提交表单的时候方便了不少，不需要再自己一个一个的根据条件写JS，主要还是为了方便。。。
这次更新的内容有：
这次的更新内容摘要如下：
1、为compareValidator里的datatype属性增加新的类型：date、datetime。
那么到目前为止，插件支持4种常类型:"string"、"number"、"date"、"datetime"，默认值为"string"
2、为inputValidator里的属性type增加类型为date、datetime，min和max必须为string类型，会自动转换
"size":表示比较长度 ，默认值
"number":数值型比较
"string":字符型比较
"date":短日期类型
"datetime":长日期类型
3、为initConfig增加属性errorfocus，表示发生错误的时候，第一个出错控件是否获得焦点。默认获得焦点。
4、initConfig增加属性forcevalid属性;formValidator增加forcevalid属性，表示是否一直输入正确为止才允许离开焦点。
initConfig的forcevalid优先等级最高，即全局配置；而formValidator里的forcevalid是局部设置。
5、initConfig增加属性wideword,默认为false，表示是否把一个汉字当做一个长度的参数。
请见demo1最上面的按钮演示。
6、增加ajaxValidator对password控件的支持
7、修正升级中出现的一些bug,现都已修复
在升级的过程中，造成公用一个tip的功能丢失，现已修复。
bug描述：只显示第一个控件的信息，后面的控件正确与否都不理睬。
ajaxValidator的一些状态显示bug
固定发布（下载）页面：
http://www.cnblogs.com/wzmaodong/archive/2008/01/11/1034901.html
有兴趣的朋友可以去订阅作者的博客，以后就可以第一时间知道他的更新。
Tags: jquery, formvalidator, update
Javascript | 评论:0
| 阅读:20592
Submitted by gouki on 2008, December 6, 11:45 PM
其实，用PHP裁剪图片的原理是很简单的，无非就是用javascript画出一个方块，计算一下四个角的顶点，然后从原图中按照这四个点的坐标把当中的图切出来。
网上有现成的例子：http://www.coderhome.net/zifa/?p=351，不过里面的JS库用的是mootools的，如果要看，请直接到该网上去看，以后，等有空了，用jQuery的模拟一下，呵呵。
jQuery的插件还是很好开发的
Tags: php, 裁剪, mootools, javascript
PHP | 评论:4
| 阅读:27826
Submitted by gouki on 2008, December 6, 11:39 PM
不知道是我太迟顿，又或者是我的流览器的关系？我感觉google reader的界面改掉了。原来的界面很朴素啊，现在不对了。风格很强烈的说。
仔细一看，原来右边还有一条提示：New! Things look pretty different around here. Learn more about Reader's fresh new look. Dismiss this message.
哇，原来是这样的，我就想，我就应没有那么傻吧。确实是变了，一下子都没有适应过来。。
Tags: google, reader, 改版
Software | 评论:2
| 阅读:22532
