JQuery validator 在 IE6 下失效

Comments (0) Posted by xilo at 2009-09-10 Tags: IE6, jQuey

JQuery validator 在IE6下失效， 谁让jquery-plugin-validation是外国人编写的。默认iso-8859-1编码。所以jquery.validator.js在其他编码中有乱码，解决方法有两种：

1. 去掉乱码 （修改源代码）
2. 加上charset, 例如: <script src=”/js/jquery.validate.pack.js” type=”text/javascript” charset=”iso-8859-1″></script>

(附：网上有人说与ie6对pack版支持不好，用min即可解决，我尝试了下，此法行不通。)

（注：IE8相对IE7容错功能要好些，那个在js中容易忽视的逗号，IE8通过，IE7报错。唉！万恶的IE6啊，万恶的IE啊！）

获取文件自身更新时间

Comments (0) Posted by xilo at 2009-09-9 Tags: lastModifed

需求需要 自动获取文件自身的更新时间。本想js就有函数lastModified就能实现，直接write document.lastModifed就可以了，本地测试OK，可上传至服务器就出现 时间随即时时间变化。上网查了下。

有这么段：

在http中Last-Modified 与If-Modified-Since 都是用于记录页面最后修改时间的 HTTP 头信息，注意,在这 Last-Modified 是由服务器往客户端发送的 HTTP 头，另一个 If-Modified-Since是由客户端往服务器发送的头，可以看到，再次请求本地存在的 cache 页面时，客户端会通过 If-Modified-Since 头将先前服务器端发过来的 Last-Modified 最后修改时间戳发送回去，这是为了让服务器端进行验证，通过这个时间戳判断客户端的页面是否是最新的，如果不是最新的，则返回新的内容，如果是最新的，则 返回 304 告诉客户端其本地 cache 的页面是最新的，于是客户端就可以直接从本地加载页面了，这样在网络上传输的数据就会大大减少，同时也减轻了服务器的负担。

看来要采取别的方法了，再说不能禁止apache的Last-Modified呀。

找了找PHP函数，果真有（PHP太方便了！）

函数 filemtime(“文件名称”)就可以获取到了，所以直接替换成<?=date(”Y-m-d H:i:s”,filemtime(__FILE__));?>就OK了。（__FILE__是获取文件名称，filectime为获取文件创建时间。）

cacti安装配置（windows2003）

Comments (0) Posted by xilo at 2009-09-8 Tags: cacti

cacti一款不错的开源SNMP监控系统，不知google一下。

废话少说，下面是配置说明。

1.软件需求：

PHP环境（Apache+PHP+Mysql配置略…）

cacti程序

net-snmp

rrdtool

(spine + cygwin 如配置中有权限或者安全问题，可以安装，替代cmd等）

2.安装

安装net-snmp到目录，没必要安装在C盘下，类似此种服务类，统一安装到D盘server目录下，方便服务器维护。然后是rrdtool解压。cacti放到web目录。

配置php.ini文件，开启PHP对SNMP、GD、Socket的支持。extension=php_gd2.dll、extension=php_mysql.dll、 extension=php_snmp.dll、extension=php_sockets.dll前面没有分号，即取消注释。在一行加上一句 cgi.force_redirect = 0

倘若你用的是套件搭建的PHP环境，需要在环境变量中指向PHP目录为Path，如果php.ini中已设置ext目录，环境变量中不再设置。

在测试时如果错现snmp模块丢失错物可以试着将MIBDIRS设为：d:\net-snmp\usr\share\snmp\mibs

cacti配置：修改其配置文件，新建数据库，导入sql文件，然后web install安装

配置刚才安装的net-snmp,rrdtool….路径，创建密码OK。

然后修改时间为中国时间，cacti/inclde/gloabl.php文件中添加以下函数：date_default_timezone_set(’Asia/shanghai’);

3.计划任务：

windows下添加计划任务，每5分钟一次。C:\php\php.exe C:/apache2/htdocs/cacti/poller.php

4.cacti创建检测任务：

客户端为windows需要安装snmp服务，需要光盘安装，设置public等。这里需要说明的是，除了windows自带安装的snmp之外，还需要安装SNMP Informant-STD 1.6
软件下载地址：http://www.wtcs.org/informant/download.htm

然后在cacti中添加监控，创建图形，定制xml图形等。

注：以上配置，路径根据自身配置不同而变化。

mark: http://www.xilo.cn/mark

我的驾照-外地驾照考试过程

Comments (0) Posted by xilo at 2009-08-20 Tags: 驾照考试

最近可能由于编程编的，对网络，电脑诸如此类感到十分厌倦。所以很久没有写日志了。

正好前一段时间驾照下来了，所以记录一下，留个纪念。

第一步：报名，我是09年2月21日报的名，在天津（具体不说明了）。由于是外地，所以档案要打回原籍去审核，就这样交了钱，等了近两个月才通知回驾校拿盘，半个月后接收交通规则考试。

第二步：考交规。09-04-15

第三步：考倒桩+考设施。09-06-11

第四步：考高速。09-06-25

第五步：考路面。09-06-29

第六步：领驾照。09-07-15

前端开发大众手册

Comments (5) Posted by xilo at 2009-03-9 Tags: CSS, 前端开发

一直觉得前端开发缺个手册，这是个体力活。不过总得有人来干。

今天闲来无事，把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下。这个标题起地大了点，肯定会有很多地方没列到，包括类目的分法也可能考虑不周，所以还请大家积极补充指正，可以直接留言，也可以发邮件给我。之所以加上“大众”两字，因为以下资源对于高手来说可能早就很熟悉了。

另外想提一句，工具是死的，好不好用得看你会不会用。比如Firefox、Fiddler等，除了显而易见的功能以外，都有一些小的技巧，掌握了可以让你事半功倍。

更新记录：

• [20081025] 第一版

快捷导航：

• 在线工具集
• 常用Firefox插件
• IE下的调试工具
• 参考手册
• 批处理工具
• IDE及其他工具
• Bookmarklet
• 前端开发者社区及权威网站
• 推荐订阅的博客和网站

另外还搞了个Firefox插件《前端开发工具集》，把资源整合到一个菜单下，方便查询。数据放在线上(Google AppEngine)，速度应该会有保证，更新也会比较方便哈，见图。 

在线工具集

• 书籍类：
  • Book Shelf 2.0 beta —— 荐，分类很清晰，下载很方便
  • Book Go!
  • 原版图书免费下载链接收集站
  • 51CNNET.NET
• JavaScript类：
  • Beautify JavaScript —— JavaScript格式化工具，效果很理想
  • AJAX Libraries API
  • Regex Tester
  • Compressor Packer —— 以前一直用这个压JS，自从有了TBCompressor，就放弃他了
• CSS类：
  • CSS选择器性能测试
  • CSSTidy —— CSS格式化工具
  • CSS Compressor  —— CSS压缩
• 其他：
  • GUID 生成器 —— 做某些东西(Firefox插件)时需要唯一资源标志符时用
  • W3Counter
  • WebWait – Benchmark Your Website

常用Firefox插件

• 支付宝安全控件 和 旺旺协议 —— 网购专用，Firefox+浦发网银，无敌了
• Firebug —— 这个不用介绍了吧，附空帏的外部编辑器乱码修正版
  • Firecooike —— 支持Cookie的查看和编辑
  • Jiffy —— 调试性能的，用起来比较麻烦，没试过
  • YSlow —— Why Slow? YUI出品
  • Pixel Perfect —— 把设计稿直接拖到Firefox里进行对比
  • Rainbow for Firebug —— JS高亮，性能不是很理想
• Fiddler 开关 —— 简化在Firefox里切换Fiddler的操作，感谢Taobao UED的空帏同学
• Web Developer
• DevBoi —— 把Html, Dom, JavaScript等手册放在侧栏里，可以自定义增加，快捷键Ctrl+F9。可以在这里找到更多的Package。
• RefControl —— 针对每个站点发送想要的HTTP Referer
• GreaseMonkey —— 看某个网站不爽，写个小脚本来优化下还是不错的
• HttpFox —— 查看当前Http链接状态，类似IE下的HttpWatch
• User Agent Switcher —— 切换User-Agent，同时开发iphone和web版本的时候很方便
• FoxyProxy —— 穿墙工具，配合专业代理公布器使用很和谐

IE下的调试工具

• Fiddle2 —— 非常强悍的一款http流查看工具，默认支持IE，其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行使用。Firefox下可用上述”Fiddler 开关”进行快速切换。支持插件。
• IE Developer Toolbar —— 查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能，IE8自带了一个加强版的。
• Microsoft Script Debugger + Companion.JS —— 调试JS用，虽然报错还是有误差，但是我已经满足了。安装顺序是：Microsoft Script Debugger，Companion.JS，在”IE选项-高级”里取消禁用脚本调试。
• 多版本IE共存两种方案：
  • IE7/8 + IE Tester —— 大众型配置，可以基本满足日常需要。
  • IE6 + Internet Explorer Collection —— 在IE 6用户占绝对优势以及IE 6神奇bug满天飞的时代，我还是推荐这种方案，因为只有神奇的原装IE 6，才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话，建议再装个IE 8 + IE Tester，因为IE 8下的Developer Toolbar还是有很大改进的，调试起来会方便一些。
• 以下三个软件相对不重要些：
  • HttpWatch —— http流查看
  • Instant Source —— 可查看JS生成的源码
  • NetLimiterPro —— 网速限制

参考手册

• XHTML、CSS & DOM W3C 手册 —— 玉伯整理的版本，包含了W3C手册以及其他有用的资料。 
   
• 苏昱的CSS中文手册和Dom中文手册
• JScript语言参考
• XML指南
• XMLHTTP参考手册
• jQuery 1.2.6 API和jQuery and jQuery UI Reference 1.2
• Apache 2.2 中文版参考手册在线版
• MySQL 5.1 参考手册 (在线版)
• PHP手册
• YUI Cheatsheet
• Cheat Sheet Roundup – Over 30 Cheatsheets for developers
• 23个Cheatsheet打包下载

批处理工具

• TBCompressor —— 淘宝UED的JS/CSS压缩工具，详见玉伯的介绍
• pngOptimizer —— png优化工具
• jpegTran —— jpeg去冗余meta工具

IDE及其他工具

• Editplus v301 汉化版
• Tortoise SVN
• 移动版本的 Apache + PHP —— 灰常灰常好用，灰常灰常移动，见明城的说明
• …

 

 

Bookmarklet(右键另存)

• Firebug Lite —— 官方介绍
• Xray —— 官方介绍
• MRI —— 官方介绍
• ‘+ window.document.documentElement.outerHTML+ ””>查看生成的源码，‘+ window.document.documentElement.outerHTML+ ”);})()”>打开新窗口查看生成的源码 —— for IE

开发者社区及权威网站

• Mozilla Developer Center (MDC)
• YAHOO! Developer Network (YDN)
• Dev.Opera
• Apple Developer Connection
• MSDN
• IBM Developers中国 (Web 前端开发技术专题)
• WebKit
• AOL Developer Network
• SlideShare – Share PPT —— 在线PPT分享，资源丰富
• Google Doctype —— Web开发人员的百科全书
• W3C (香港，中国)
• Position Is Everything
• HTML Dog
• 维基百科

推荐订阅的博客和网站(排名不分先后)

• 国外
  • 内容聚合：A List Apart，Ajaxian，Smashing Magazine，456 berea street，Script & Style，CSS Globe，CSS-Tricks，SitePoint
  • 团队Blog：Yahoo! User Interface Library (YUI)，IEBlog
  • 个人Blog：John Resig，PPK: QuirksMode，Douglas Crockford，Dean Edwards，Nate Koechley，Julien Lecomte，Eric A. Meyer，Andy Budd，Steven Levithan，HedgerWow
• 国内
  • 内容聚合：Blueidea，无忧脚本，网页设计师(W3CN)，JavaScript教程网
  • 团队Blog：淘宝，口碑，阿里巴巴国际站，阿里巴巴中文站，阿里巴巴中文站前端开发团队(方凳)，阿里妈妈，支付宝，阿里软件，19楼，九天音乐，金蝶与友商网
  • 个人Blog，这里列出的是原创并更新相对频繁的博客，如有遗漏，请告之(sorrycc#gmail.com)：怿飞，手气不错，Realazy，old9(需穿墙术)，沙滩凉鞋(空帏)，射雕(玉伯)，Aether，振之，嗷嗷，JunChen，爆牙齿，秦歌，克军，5key，小志，Rage(正淳)，麦鸡，云烈，老冒，番茄红了，Joyqi，卢力，CSS森林(Ghost)，Twinsen，Gulu77，Rlog，Dlog，子鼠，西风坊 …

作者：陈成 （PS：网站最近好像挂掉了）

30分钟学会正则[推荐]

Comments (0) Posted by xilo at 2008-12-26 Tags: 正则, 正则表达式入门

最近做重定向。模板中的链接不可能一一替换，只能用正则在cache引擎中替换。以前没有系统的学过正则表达式，这回可反了难。在网上搜索到一篇教程。非常棒，推荐给大家。

http://www.unibetter.com/deerchao/zhengzhe-biaodashi-jiaocheng-se.htm

作者：deerchao