也不是我一个人遇到这样的问题，所以有人会想方设法的寻找解决方案，比较激进些的人给Firebug提了一个新的需求，让Firebug可以在下一次Javascript事件到来时自动断点，不过我们现在还没有福气用上包含这个功能的版本。

现实一点的解决方案，可以点击这里，要点是：

• 收藏一个链接，实际上是一段Javascipt代码
• 想要调试时，打开Firebug，使能调试和控制台。
• 点击收藏的那个链接，这个链接所包含的代码，会插入到当前网页中，其中有一个函数可以设置在任意元素的某个事件上设置断点。
• 在Firebug的控制台下输入breakOn(’id’,'event’);
• 在那段插入的代码里设置断点，一切OK

看起来有些复杂，好处是不必对着大段的Javascript代码寻找该在哪里设断点了。。。

• 如果想得到好的布局，使用CSS，如果想得到好的UI效果，使用Javascript，更确切的说，是使用JQuery，学习JQuery绝对值得。
• JQuery有很多插件，但质量并不是都很好，需要仔细挑选，比如为了实现Lightbox效果，JQuery下就有大概不下10个类似的插件。
• 在网页上加上XHTML和CSS的检查器，这会让你非常方便的检查你的网页的标准兼容性。
• Firefox是极好的标准兼容浏览器，也方便做网页的测试，但绝对不要忘记IE，IE6由于XP的长红仍然会很长时间占有很大的份额，而IE6恰恰是个标准不太友好的浏览器，必须记得测试IE6。
• 随时需要妥协，因为你需要你的网页能够被大多数人访问并好用，而不是技术有多先进或有多么的标准兼容，比如Youtube给出的Flash嵌入HTML代码就不能通过XHTML检查器，但却是兼容效果最好的。

要加载jquery.js，需要写一句话在HTML里，当然也可以是jquery.min.js（压缩版的jquery）：

<script type="text/javascript" src="jquery.js"></script>

在HTML里面需要一些可被Javascipt访问的对象，比如一个简单的链接：

<a href="">Link</a>

现在可以在其它Javascript代码中使用JQuery了，比如在你的代码块中：

$(document).ready(function() {
   $("a").click(function() {
     alert("Hello world!");
   });
 });

这就是为了在HTML加载完之后设置那个链接的onClick函数，这样写似乎看不出JQuery的好处，虽然美其名曰是逻辑和显示分离，但我其实也觉得 < a onlick＝ >也蛮好的。不过jQuery不仅仅完成这么点事情，jQuery的强大之处在于上面的$(”a”)这种表达式的表达能力和级联，当把这种表达式级联起来，我们可以看到jQuery的简洁和强大，比如一个faq页面，你希望先将答案收起来，在用户点击问题之后才显示答案，那么可以这么做：

 $('#faq').find('a2').hide().end().find('q2').click(function() {
     $(this).next().slideToggle();
   });

稍微解释一下，find在找到第二个问题的答案(a2)后将它hide起来，然后的end是为了undo前面的find，这样后面可以重新在faq下面find，接下来找到第二个问题(q2)，并挂接它的onclick事件，看起来很简单，但开始的时候有点让人迷糊，不过这习惯后，我觉得应该比较好理解和维护吧。

除了这些以外，JQuery还提供诸如Ajax、Animation、插件等各种功能，尤其是很多功能是通过JQuery的插件来完成的，比如客户端的Javascript UI整个是在一个插件中做的，再看看这个FancyBox插件，是不是让人很垂涎。。。

不过无论你用JQuery想做什么，这个入门文档总值得先看一下。

eval(function(p,a,c,k,e,r)…

基本上就知道了，它是被packer打过包了，这个时候你想看懂它已经是不可能了，必须unpacker一下，不过作者可能处于允许使用者保护自己代码的考虑，并没有提供这个解码的方法， 但是又有牛人发现了作者其实留下了这个“接口”，只是将它缺省关闭了，好了看看这个链接，上面有个按钮可以执行一段Javascript代码，把这个按钮拖到书签栏里，然后。。。呵呵，你知道怎么做吗？

今天看的另一篇是Firebug插件的中文介绍，写的简要清晰。我虽然一直都装有这个插件，却一直当它是一个Javascript调试器用，而看了这篇文章才发现，Firebug的很多CSS/DOM方面的功能比Web Developer还要强大。

Aptana基于Eclipse，支持各种Web设计和开发，比如XHTML/CSS以及Javascript， 我简单的用了一下它的编辑器编辑了一个css文件，相当的专业，丰富的代码提示以及浏览器兼容指示估计应该能让生产率提高不少，但我使用的功能很少，这只算一个良好的初步印象。

Aptana的安装很简单（很遗憾，暂时还不能用apt-get），下载那个Aptana Studio的Community版本就可以了，解开就可以直接执行，在我机器上，跑的不错。

一个插曲是，直接安装后的版本（我用的是1.1），居然将 a:hover 这类css修饰当成了错误（放了一个小红叉在代码行前），这应该算一个严重的bug了，虽然官方给出了解决方法（只需要修改一个设置），但还是给人感觉有些不严谨。

所有的功能是通过Javascript实现的，可能是图片的质量较高，制作墙纸时反应很慢，有点受不了。

还有一些加扰度更高的Javascript代码，它们是用代码生成代码，这样就可以用一个长长的字符串，通过移位，替换等运算再得到源码，这个重新格式化也不顶用，需要先写一个HTML文件嵌入这段代码来让它运行一下，以得到解码后的代码，然后就好办了。

还有更复杂的"加扰"方法吗？ 不过相信也是能对付的，毕竟JS是源码解释执行的。

拜charles所赐，我可以容易的观察HTTP交互中的耗时，但今天的一个页面令我稍有意外，因为瓶颈是在客户端的Javascript的执行上（charles测不出来），非常明显，当我使用firefox的Web developer工具条中的disable javascript之后，流畅的感觉就回来了（快一倍左右），所以用Javascript的同学们，悠着点。。。

尽管大多的评测表明IE6的Javascript性能很差（IE7好一些），比如这篇文章，
但我的实际感觉不是这样，我甚至认为IE6都要稍快于Firefox 2，难道是我的感觉系统出了偏差？

HTML中可以用下面的这个方法来隐藏Email地址（估计对Robot应该能管用吧）
<script language=javascript>
<!–
document.write("<a hre" + "f=ma" + "ilt" + "o:usa" + "@sidesh" + "ow" + "digita" + " l.com" + ">E-mai" + "l us<" + "/a>" + "")
//–>
</script>
<noscript><a href=mailto:usa[AT]sideshowdigitalDOTcom>E-mail us</a></noscript>

考虑的还挺全面的，没有Javascript时，只能用[AT] DOT 来糊弄了。