WEB前端开发工程师的随记–黑妞HAHA

——专注web前端开发,关注用户体验

Category Archives: 开发工具

Windows下删除.svn文件夹的最简易方法

SVN是我认为目前最方便的版本管理体系。SVN文件夹下会有许 多.svn的“meta数据”,有时候打包项目给同事的时候,需要删除这些.svn文件,如果一个个文件夹删除,麻烦而且容易遗漏。

今天看了Jon Galloway 的一个注册表脚本,十分方便,分享如下:

建立一个文本文件,取名为kill-svn-folders.reg(扩展名由txt改为reg),内容如下:

Windows Registry Editor Version 5.00
[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\DeleteSVN]
 @="Delete SVN Folders"
[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\DeleteSVN\command]
 @="cmd.exe /c \"TITLE Removing SVN Folders in %1 && COLOR 9A && FOR /r \"%1\" %%f IN (.svn) DO RD /s /q \"%%f\" \""

保存之后,双击这个reg文件,会写入注册表。成功后,在每一个文件夹上点击右键都会有一个“Delete SVN Folders”的选项,点击之后,既可以删除这个文件下下面所有的.svn文件了。
使用起来真的非常简便,因此分享一下,不过只在windows系统下使用过。

Aptana的启动速度优化

如果用过aptana或者在eclips中的aptana插件的朋友,相信朋友都感觉到了每次系统启动时,都是相当的慢,导致影响我们的工作效率。这里参考了网上一些优化建议。总结如下:
说明:截图中的aptana的版本是 aptana 2.0,eclips版本是 3.4.2,两个软件的操作类似,以eclips的插件版本介绍如下:

1.将初始化文件的配置进行优化:

打开Aptana的安装目录,找到AptanaStudio.ini,用记事本打开,将里面的默认配置修改为下面的配置,前提是内存在2G左右,太小的内存,设置后作用也不大:

-name
Aptana
Studio
-vmargs
-Xmx512M
-Xms128M
-XX:MaxPermSize=256m
-Djava.awt.headless=true

2.取消在编辑环境下的自动截断字符选项,这个是我通过N多次修改不同的选项后,才发现这个是吃内存、使得编辑状态延迟大的最大原因-_-!!

设置如下:
英文版:window—》preferences—》aptana—》editors—》advanced
中文版:窗口—》首选项—》aptana—》编辑器—》advanced

取消 enable word wrap 前的选中。

图示:

取消在编辑环境下的自动截断字符选项

3.关闭没必要的启动选项,或者叫plug-ins去掉

英文版:general—》startup & shutdown—》
中文版:常规—》启动和停止—》

关闭没必要的启动选项
设置完后,重新启动aptana,启动速度和编辑速度应该会有一个提升了。

摸索使用“运行"命令提高工作效率

先感谢淘宝骨灰级专家“李牧”同学的指导,并耐心讲解操作步骤。
1、如何用快捷键打开“运行”命令和关闭当前窗口?
win键 + r键, win键,也就是ctrl和alt中间的那个红旗样式的键,左右各一个..
ctrl+W是关闭应用程序内打开的窗口。alt+F4是关闭当前应用程序,比如你打开word,里面又打开若干文件,ctrl+W是关闭单个文件,而alt+F4是关闭整个word。另外,当没有活动窗口时,alt+F4是关机

2、在C盘新建一个文件,假设命名为runTimes,里面放置各个经常运行程序的快捷键,而且建议命名时把文件格式去掉,而且命名规则必须是英文,如系统自带的计算器的快捷方式命名改为count。

3、设置系统环境变量的path路径
右键我的电脑–>属性–>系统属性–>环境变量 进行path路径设置
环境变量
环境变量path路径设置
注意:path路径是多个值合起来的,如果你要添加什么路径,再在原来的设置前加上路径设置,以“;”号分隔开,如我的path值:

C:\runTimes\;C:\runTimes\desk;%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;C:\Program Files\Common Files\Adobe\AGL;C:\Program Files\QuickTime\QTSystem\

4、运用“运行”命令快速启动程序
先win+r快捷出“运行”命令,然后输入你的快捷键的命名,就可快速启动你要的程序。
运行命令

ultraedit 代码格式化(自动缩进)

工作的时候,要经常拿到别人的代码来改,有些人不太注重编程风格,代码看上去很乱,所以不得不用一些自动排格式的软件先来“格式化”一下,以前我总用VC 来排,可是用VC始终感觉太麻烦,而且它的排版功能太死板了,跟自己的风格有些差别,所以想到用UE来试试,没想到真的能改出和自己编程的风格类似的代 码。下面就说说我是如何设置UE让它能按我的想法来排版的:

首先单击帮助工具栏(根据设置的不同可能在其他工具栏上)上的“艺术样式”按钮,

弹出如下对话框

然后就可以按照自己的习惯设置缩进的方式了,如果对排版没有特别的要求,默认的选择就可以了,在这种设置状态下,switch后的case是不会缩进的, 如果要让case缩进,那么需要选中切换或大小写(就是switch和case,翻译的问题),最好不要两个都选,否则case会缩进两个单位,如果要 case后的语句也缩进就选切换,如果只缩进case就选大小写,按照我的习惯是选择切换。其他的选择就看程序员自己的习惯了。

样式我选择的是ANSI,除了GUN,到没有感觉和其他样式有什么区别,有时间再来研究下吧。

UE默认情况下制表符是占两个空格,习惯四个空格的可以选菜单栏中的高级-配置-编辑器-自动换行/制表符设置,将缩进空格改为4就可以了。

aptana eclips 字体改为微软雅黑步骤

【窗口】-【首选项】-【常规】-【外观】-【颜色和字体】里面有很多设置字体的选项,尤其是选项【基本】一栏比较重要,是用来设置代码的字体的。
附图:

关于ultraedit的窗口字体启用cleartype的设置,字体增大

ultraedit的窗口默认情况下是不启用cleartype功能的,因此软件锯齿感很足,可如下设置打开ultraedit窗口字体清晰功能:
“高级→配置→编辑器显示→高级”选中“该设置可以改善windows xp 下 cleartype 字体显示问题”,然后把字体质量滑动块拖动到最佳位置,确定即可。

然后设置windows字体,方法是:桌面右击→属性→外观→高级,将“项目”下拉菜单中的字体都改为“微软雅黑”即可。然后再设置浏览器:internet选项→常规→字体,将网页字体选择为微软雅黑,“辅助功能”中选中“不使用网页中指定字体样式”即可。就可以体会微软雅黑字体的魅力了。用此种方法,兼容性好,还有一种办法是把xp默认字体宋体修改改为雅黑字体,试验了一下,好像会出现少数文字不能显示的问题,不推荐。(针对液晶屏效果明显,并且开启CLEARTYPE,CRT本人没有试过,可以尝试。)可以下载微软cleartype字体调节软件调为最清晰的状态。

字体增大:【视图】-【设置字体】-设置字体大小和字体

设置EditPlus UltraEdit不生成.bak文件

EditPlus编辑器关闭bak备份功能:
EditPlus是一款相当不错的文本编辑工具,不仅可以同时打开多个文档,还可以 编辑多种文件格式的文件(asp,php,cpp等)。除此之外,还有很多好处,大家可以搜索一下。言归主题,我们来说一下设置EditPlus不生成.bak文件。

默认的设置修改文件,同时会生成一个.bak文件,修改的文件很多,会生成很多。其实,设置很简单:菜单里文档——参数设置——文件——去掉保存文件时创建备份前的选项。一切OK,不行你试试?

UltraEdit编辑器关闭bak备份功能:
备份选项在“高级”-“配置”-“文件处理”-“备份”

[转]用来武装Firebug的十三款Firefox插件

如果你是一名Web设计师,Firebug想 必不会陌生,作为一款Firefox插件,它可能是网站前端开发最有用的工具之一。尤其是如今网站中用到越来越多的javascript和ajax技 术,firebug为Web前端开发与调试提供了莫大便利。Firebug拥有众多优点,其中就包括可扩展性,下面介绍的这些Firefox插件就是用来 武装Firebug的,让它变得功能更丰富,更便捷。

  1. YSlow(Why slow?-为什么慢呢?)

    YSlow是一款用来分析网页,并提出前端性能改进建议的Firefox插件。YSlow依据预定义或用户自定义的规则为网页评级。它同时提供了许多性能分析工具,如:Smush.it?JSLint

  2. Page Speed

    与YSlow非常相似,Page Speed是google团队推出的一款用于评测网页性能的插件,尤其可以依据“网页性能最佳实践”对网页性能提出改进建议。
    Page Speed可以自动优化图片,并提供压缩版本。它也可以侦测到那些实际并未用到的Javascript和css,以便优化它们。
    Page Speed可是个1.3M的大插件,它还拥有许多优秀功能等你尝试。

  3. Pixel Perfect

    在制作网页时,在页面上添加一个新的设计元素(例如一个图片或图标)之前,我们往往希望提前看到元素添加后页面的整体效果。Pixel Perfect就可以帮你实现这个想法,它允许开发者在网页上覆盖你要添加的设计元素。使用它时你可以调整要添加元素的透明度和位置。
    我感觉这款插件也可用来做网页中元素的微调,以保证和最初设计蓝图一致,如它的名字,完美到一个像素都不差。

  4. CodeBurnder

    安装CodeBurner后,可以再firebug面板中看到参考面板用来查询html元素、html属性、css属性,就像一个字典一样。
    当在Firebug中选中一个节点时,它也会提供一些相关的代码示例供你参考。

  5. FireUnit

    FireUnit提供了一个简单的API用来做简单的测试记录及单元测试。

  6. FirePHP

    在FirePHP的帮助下,你可以通过调用一个简单的PHP方法,在Firebug中记录日志。

    数据是通过响应包头(Response Header)发送的,不会影响到网页内容。

  7. FireRainbow

    FireRainbow 可以用来控制、修改Firebug中Script的语法高亮显示。

  8. FireDiff

    It adds a change monitor recording every change made, by Firebug and the website itself, to CSS and the DOM.
    它能够记录通过Firebug或网站自身的CSS或DOM的每一次改动。

    这个我装上后,也没看出firebug上多了什么,也不知该怎么用。希望知道的朋友留言说一声。

  9. Jiffy Firefox Extension

    安装Jiffy Firefox Extension后会在Firebug中出现一个新面板,用来图形化显示Javascript的运行时间,并可打印出报表。

    看主页说明,使用好像还有点麻烦。感兴趣的朋友自己看下。

  10. Hammerhead

    Hammerhead可以帮助你计算网页的载入时间。(这个好像Firefox本身具备啊)

    它支持多页面,并允许你清除磁盘或内存缓存后再进行载入时间测试。

  11. Firecookie

    Firecookie, 是一个嵌入在Firebug中的cookie浏览管理插件。

    如果在Web开发中用到了cookie,使用它可以轻松的浏览cookie值、过期时间等,有助于快速开发。

    使用它时需要在Firebug的网络面板中开启cookie监测。它可同时显示发送和接收的cookies。

  12. Firefinder

    在之前发布的一篇日志“一款快速查找页面元素的Firefox插件——FireFinder”,专门介绍过这款插件。不再多说,需要的话去看一下。

  13. LiveCoder

    LiveCoder是Firebug的一个扩展,用来查看Firefox Chrome。这对与那些Firefox插件开发者非常有用,它可以帮你检查、修改Firefox插件的Dom。

    不知道国内是否开发Firefox插件的,否则就用不到了

转自:http://css9.net/firefox-adds-on-strengthen-firebug/

Eclipse 常用快捷键记录

一个Eclipse骨灰级开发者总结了他认为最有用但又不太为人所知的快捷键组合。通过这些组合可以更加容易的浏览源代码,使得整体的开发效率和质量得到提升。
1. ctrl+shift+r:打开资源
2. ctrl+o:快速outline
3. ctrl+e:快速转换编辑器
4. ctrl+h,查询某段代码在什么文件中出现过,快速定位到当前文件
5. alt+shift+r:重命名
6. alt+shift+l以及alt+shift+m:提取本地变量及方法
7. shift+enter及ctrl+shift+enter
8. Alt+方向键
9. ctrl+m:编辑器窗口最大化
10. ctrl+.及ctrl+1:下一个错误及快速修改

1. ctrl+shift+r:打开资源

这可能是所有快捷键组合中最省时间的了。这组快捷键可以让你打开你的工作区中任何一个文件,而你只需要按下文件名或mask名中的前几个字母,比如applic*.xml。美中不足的是这组快捷键并非在所有视图下都能用。

ctrl+shift+R Open Resource

2. ctrl+o:快速outline

如果想要查看当前类的方法或某个特定方法,但又不想把代码拉上拉下,也不想使用查找功能的话,就用ctrl+o吧。它可以列出当前类中的所有方法及属性,你只需输入你想要查询的方法名,点击enter就能够直接跳转至你想去的位置。

ctrl+o Quick Outline

3. ctrl+e:快速转换编辑器

这组快捷键将帮助你在打开的编辑器之间浏览。使用ctrl+page down或ctrl+page up可以浏览前后的选项卡,但是在很多文件打开的状态下,ctrl+e会更加有效率。

ctrl+e Quick Switch Editor

4. ctrl+h,查询某段代码在什么文件中出现过,快速定位到当前文件

5. alt+shift+r:重命名

重命名属性及方法在几年前还是个很麻烦的事,需要大量使用搜索及替换,以至于代码变得零零散散的。今天的Java IDE提供源码处理功能,Eclipse也是一样。现在,变量和方法的重命名变得十分简单,你会习惯于在每次出现更好替代名称的时候都做一次重命名。要使 用这个功能,将鼠标移动至属性名或方法名上,按下alt+shift+r,输入新名称并点击回车。就此完成。如果你重命名的是类中的一个属性,你可以点击 alt+shift+r两次,这会呼叫出源码处理对话框,可以实现get及set方法的自动重命名。

6. alt+shift+l以及alt+shift+m:提取本地变量及方法

源码处理还包括从大块的代码中提取变量和方法的功能。比如,要从一个string创建一个常量,那么就选定文本并按下alt+shift+l即可。 如果同一个string在同一类中的别处出现,它会被自动替换。方法提取也是个非常方便的功能。将大方法分解成较小的、充分定义的方法会极大的减少复杂 度,并提升代码的可测试性。

7. shift+enter及ctrl+shift+enter

Shift+enter在当前行之下创建一个空白行,与光标是否在行末无关。Ctrl+shift+enter则在当前行之前插入空白行。

8. Alt+方向键

这也是个节省时间的法宝。这个组合将当前行的内容往上或下移动。在try/catch部分,这个快捷方式尤其好使。

9. ctrl+m:编辑器窗口最大化

大显示屏幕能够提高工作效率是大家都知道的。Ctrl+m是编辑器窗口最大化的快捷键。

10. ctrl+.及ctrl+1:下一个错误及快速修改

ctrl+.将光标移动至当前文件中的下一个报错处或警告处。这组快捷键我一般与ctrl+1一并使用,即修改建议的快捷键。新版Eclipse的 修改建议做的很不错,可以帮你解决很多问题,如方法中的缺失参数,throw/catch exception,未执行的方法等等。

ctrl+1 Quick Fix

更多快捷键组合可在Eclipse按下ctrl+shift+L查看。