走走停停看看 » jQuery http://shawphy.com 关注HTML,CSS,JavaScript,jQuery等前端开发 Mon, 12 Jul 2010 15:45:21 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 自动刷新浏览器 for IE 的脚本 http://shawphy.com/2010/06/auto-refresh-page-script-for-ie.html http://shawphy.com/2010/06/auto-refresh-page-script-for-ie.html#comments Mon, 14 Jun 2010 18:24:47 +0000 Shawphy http://shawphy.com/?p=187 Continue reading →]]> 上回说到，可以设置好编辑器，让编辑器保存的时候自动生成文件。
对于firefox已经有一个扩展了，而对于ie则没这么容易了。
庆幸的是，我测试IE6通常是在虚拟机里的。这就带来了极大的便利。具体方法是：

  1. 虚拟机中共享一个文件夹
  2. 让编辑器在保存时在那个文件夹中写入文件
  3. 在虚拟机中允许一段脚本来检测文件
  4. 如果检测到文件，则刷新浏览器，并删除文件

具体的脚本如下，保存成vbs文件即可。

  1. var WshShell = WScript.CreateObject("WScript.Shell"),
  2.     fso = new ActiveXObject("Scripting.FileSystemObject");
  3. while(!(fso.FileExists("c:\\tmp\\stop"))){
  4.     WScript.Sleep(100);
  5.     if (fso.FileExists("c:\\tmp\\refresh.ie6")) {
  6.         try {
  7.              fso.DeleteFile("c:\\tmp\\refresh.ie6");
  8.         }
  9.         catch (e) {
  10.         }
  11.         WshShell.SendKeys("{F5}");
  12.     }
  13. }
  14. fso.DeleteFile("c:\\tmp\\stop");

这段脚本的目的就是每0.1秒检测一下c:\tmp\下是否存在refresh.ie6文件。如果存在就发送F5来刷新页面。
如果存在c:\tmp\stop文件，则结束这个脚本。

这对于用虚拟机测试浏览器兼容性的开发人员特别有用。

]]> http://shawphy.com/2010/06/auto-refresh-page-script-for-ie.html/feed 6 EasyUI for jQuery http://shawphy.com/2010/05/easyui-for-jquery.html http://shawphy.com/2010/05/easyui-for-jquery.html#comments Fri, 07 May 2010 14:54:58 +0000 Shawphy http://shawphy.com/?p=186

今天看到这个EasyUI for jQuery，感觉还行。比jQuery UI看上去舒服点。有兴趣的可以试试。文档也比较齐全。

http://jquery-easyui.wikidot.com/

]]> http://shawphy.com/2010/05/easyui-for-jquery.html/feed 5 groove边框的使用 http://shawphy.com/2010/03/groove-border.html http://shawphy.com/2010/03/groove-border.html#comments Wed, 24 Mar 2010 11:46:25 +0000 Shawphy http://shawphy.com/?p=184 Continue reading →]]> 最近一个项目中，迷恋上了groove边框。灰色的背景下使用这个边框看上去就好像是刻在金属上的感觉。再配合上text-shadow，文字也好像是蚀刻在金属上的了，我很喜欢。

点这里直接看demo
关键代码如下，我选用了Calibri字体，看上去实在一点。用其他字体效果就不会很好。
Update:经网友Sinina提醒，Tahoma也很有质感。上面的demo里我已经换成Tahoma字体了。Tahoma在各个平台下通用性更高一点。推荐优先考虑Tahoma。

  1. body{
  2.     background: #ddd;
  3.     font-family:Calibri;
  4.     color:#444;
  5. }
  6. table{
  7.     border-collapse:collapse;
  8. }
  9. th,td{
  10.      border: 2px groove #fff;
  11.     text-shadow: 0px -1px #bbb,1px 1px #fff;
  12. }
  13. td:active{
  14.     border-style: solid;
  15.     border-color: #aaa #fff #fff #aaa;
  16. }
]]> http://shawphy.com/2010/03/groove-border.html/feed 13 用版本控制工具管理VIM配置文件和插件 http://shawphy.com/2010/03/version_control_for_vimfiles.html http://shawphy.com/2010/03/version_control_for_vimfiles.html#comments Sat, 06 Mar 2010 13:45:19 +0000 Shawphy http://shawphy.com/?p=183 方便多台电脑，以及不同系统之间同步VIM配置文件

如果在win下，把配置写到 vimfiles/vimrc
如果在linux下，就是把配置写在 ~/.vim/vimrc 里

然后原先的_vimrc 或者 ~/.vimrc 文件里写入下面这句话
runtime vimrc
这句话会载入运行时中第一个叫做vimrc的文件

如果你有gvimrc文件，则跟上面一样操作

然后只需要对 vimfiles 文件夹进行版本控制就可以了，
换到其他系统，比如 linux 和 mac 下，也只需要在 ~/.vim/下面 update 就可以了

参考：
http://vim.wikia.com/wiki/Version_Control_for_Vimfiles

P.S. 中文资料比较匮乏，先前我使用的是source的方法。
后来用了英文关键字搜索才找到算是官方的wiki的，发现了这个runtime命令。
不得不说，vim作者考虑的很详尽，不愧是发展了几十年近20年的编辑器了。

附：
我的vimfiles，还很原始，配置中，尚未能用于生产。全中文注释，仅供参考。
http://bitbucket.org/shawphy/vimfiles/src/

]]> http://shawphy.com/2010/03/version_control_for_vimfiles.html/feed 4 Google Chrome 下也有 Firebug 了！ http://shawphy.com/2010/02/firebug-lite-for-google-chrome.html http://shawphy.com/2010/02/firebug-lite-for-google-chrome.html#comments Sun, 07 Feb 2010 15:33:22 +0000 Shawphy http://shawphy.com/?p=179 是的，你没有看错，Google Chrome 下也终于又 Firebug 了。
本人测试下来，手感相当棒。不愧是原团队的作品。
虽然是lite，但大部分功能已经都有了。
如果你像我一样用不惯Chrome自带的开发者工具，就用这个吧！
围观地址：http://getfirebug.com/releases/lite/chrome/

]]> http://shawphy.com/2010/02/firebug-lite-for-google-chrome.html/feed 1 TortoiseHg 设置语言成中文 http://shawphy.com/2010/02/tortoisehg-set-to-chinese.html http://shawphy.com/2010/02/tortoisehg-set-to-chinese.html#comments Sun, 07 Feb 2010 10:30:12 +0000 Shawphy http://shawphy.com/?p=178 Continue reading →]]> 最近逐步打算把各种项目从 svn 迁移到 hg，之所以不用 git，
一方面是第一次用的时候感觉很痛苦，没掌握门道；
另一方面是google code 他们也选择了hg而不是git；
还有一点是，我更喜欢Python。

google 专门撰写了文章分析了为何选择使用hg而不是git，
翻译的可以看这篇 [翻譯]Git 與 Mercurial 的分析

而 hg 在 windows 平台上最好用的除了直接用命令行之外，
还有就是这个 TortoiseHg 。
但他有点小小的问题，就是中文化起来很不方便，
这个问题已经提交过issue，不知道以后版本会不会有所改善。

其实设置语言的方法在文档里有详细说明：
如果你安装后还是英文，想要切换语言的话，只需要设置环境变量，增加一个 LANGUAGE，设置为zh_CN 就可以了

哪里设置环境变量？
系统属性（就是“我的电脑”属性）里，高级，环境变量，
然后在下面的系统变量里边增加一个 LANGUAGE，设置为zh_CN 就可以了

仅仅这样你会发现他右键菜单还是英文的，设置右键菜单需要到
C:\Program Files\TortoiseHg\cmenu_i18n\
里边，找到对应的语言，比如简体中文是 thg-cmenu-zh_CN.reg
导入注册表就可以了。

]]> http://shawphy.com/2010/02/tortoisehg-set-to-chinese.html/feed 1 jQuery 1.4.1 中文文档 CHM 版发布 http://shawphy.com/2010/02/jquery-1-4-1-api-zh-cn-chm-released.html http://shawphy.com/2010/02/jquery-1-4-1-api-zh-cn-chm-released.html#comments Mon, 01 Feb 2010 16:16:24 +0000 Shawphy http://shawphy.com/?p=177 新鲜出炉，更新了大量内容，应该还有一些BUG，欢迎纠错：

http://code.google.com/p/jquery-api-zh-cn/downloads/list

本来更早出来的，结果半路又杀出1.4.1，而且发现bind、live还有ajax等方法有大量更新，所以重新翻译这三个方法，消耗了大把时间。所以今天才发出来。

]]> http://shawphy.com/2010/02/jquery-1-4-1-api-zh-cn-chm-released.html/feed 22 jQuery 1.4 中文文档xml版先行发布 http://shawphy.com/2010/01/jquery-1-4-api-zh-cn-xml-released.html http://shawphy.com/2010/01/jquery-1-4-api-zh-cn-xml-released.html#comments Thu, 21 Jan 2010 17:23:36 +0000 Shawphy http://shawphy.com/?p=176 多的不说，大家围观，有问题提交到
http://code.google.com/p/jquery-api-zh-cn/issues/list

CHM版稍候，勿急
XML围观地址： http://shawphy.com/jqueryapi

]]> http://shawphy.com/2010/01/jquery-1-4-api-zh-cn-xml-released.html/feed 14 锋利的jQuery新官网地址 http://shawphy.com/2010/01/new-url-for-our-book.html http://shawphy.com/2010/01/new-url-for-our-book.html#comments Sat, 16 Jan 2010 12:26:19 +0000 Shawphy http://shawphy.com/?p=175 由于cssrain的空间不知道何时才能恢复，所以暂时把《锋利的jQuery》的官网地址放到我的空间上。大家可以从 http://shawphy.com/book/ 来访问并下载源代码

]]> http://shawphy.com/2010/01/new-url-for-our-book.html/feed 5 jquery1.4 API 区别与更新中文版 http://shawphy.com/2010/01/jquery1-4-changelog.html http://shawphy.com/2010/01/jquery1-4-changelog.html#comments Fri, 15 Jan 2010 14:30:47 +0000 Shawphy http://shawphy.com/?p=174 jQuery 1.4终于经历了一年，发布了，可喜可贺。
我看到金山（不是金山软件的那个金山……）简单翻译了一下，帖个链接，大家移步去看看吧。

http://js.007studio.net/?p=276

]]> http://shawphy.com/2010/01/jquery1-4-changelog.html/feed 5