口碑网UED团队

05月 21 08年

【拍黄瓜系列】注释开关

Published by 乌龙茶

前端开发  6 条回复

%e3%80%90%e6%8b%8d%e9%bb%84%e7%93%9c%e7%b3%bb%e5%88%97%e3%80%91%e6%b3%a8%e9%87%8a%e5%bc%80%e5%85%b3

在工作中是否遇到这种情况。。
1.写好的一个html片段。暂时不需要了。。过一会又有人跑过来跟你说,刚才的那段还要。。。又过了一会他又说还是不要算了。。。。。囧。。。
2.页面错乱。。怎么查都查不出原因。。没办法只能用最土的方式。。删html逐一排查。。。

对于这类情况,我们多数是用注释去解决。。。但html复杂的注释语句真的是让人无法忍受。。。试想在第一种情况中。反复的敲打“<!–  –>”是多么的让人浮躁啊。。

来搞个注释开关吧,来快速打开和关闭注释。。。。。

在需要设置注释的上下各写两个空注释。基本格式如下图

1.JPG

当我们要打开注释开关,注释掉文本的时候,只需要将文本上面的空注释的结束>删除即可。见下图。

2.JPG

想反的当需要关闭注释的时候,只需要再把>补上即可关闭。。。

是不是很有意思。。 。。不过我更是习惯通过删除“-”来控制开关。 因为打>的时候还需要按住shift。。。太累。。。

在让我们看看其他的注释开关。

CSS与html同理,如下:
关闭状态
3.JPG

打开状态

4.JPG

css和html一样,因为只有一种注释方式,所以他们如果在代码中嵌套注释的话。。就很困难了。。

接下来看看javascript的。。因为和php一样有// 和 /* */两种方式,所以他们组合起来的形成开关。功能就很强大了。。可以支持注释嵌套。。如下。

关闭状态:

5.JPG

打开状态

6.JPG

你发现其中的奥妙了么?

好了。黄瓜拍完了。。 谢谢大家品尝~

注1:搞过php的人应该了解这种技巧,这些技巧也是从中得到的灵感而演化过来。。当然还有jsp,perl等等。。这里就不多说了。。。有兴趣的同学可以接着搞一下。

注2:为什么叫拍黄瓜?因为都是些小技巧。。 只能算是个凉菜而已。。另外。我也只会拍黄瓜这道菜。。。不过我很爱吃。。:D 希望这些小技巧能为大家的工作提高些效率。。。

6 条回复

  1. bentz Says:

    页面错乱在firebug里调,调完了再在ie6下看嘿嘿

  2. 乌龙茶 Says:

    恩,一般都是在firebug里调。。
    但有时候因为标签没闭合。就显的力不从心了。。

    最后再更正一下。。
    一位不愿透漏姓名的大师告诉我说。。这种技巧最开始是由c++传过来的。。

  3. 大米 Says:

    我都是直接删除调的啊,然后用undo redo来切换,是不是比你方便?就是风险比较大,当大脑不是很清醒的时候,调一会儿发现删掉的一段代码找不回来了。

  4. 乌龙茶 Says:

    恩,有时候我也是那样做。。。
    不过不同情况下不同方法都会有局限性。。

    小技巧而已。。呵呵。。。

  5. amy Says:

    比较可口,继续期待

  6. leeking001 Says:

    那啥……写注释都嫌累,那还写什么代码啊……这样的代码可不好看哦

发表一篇回复