html注释和css、js注释的写法,使用场景以及性能优化问题

刚开始的时候对注释的写法,还是能分清的,后来经常使用ctrl + /或者Ctrl+shift+/快捷键来快速注释,老是记混淆了,今天有时间就整理一下,免得以后在记混了。

两种注释有自己相应的使用场景,不能乱用,我记得我当初写的代码,因为一个注释错了,调了一晚上愣是没找出来错误在哪,最后才发现是注释用错了,很坑爹有木有!

1.1 html注释写法

 <!-- 这是HTML的注释标签写法 -->

小诀窍:

  • 开始于左尖括号+ !--
  • 一看到尖括号就联想到html标签的写法,自然就想到了它是html注释,这样比较好记;
  • 使用 <> 是符合HTML标签语法规则的;

1.2 html中的条件注释

<!--[if IE 9]>
    .... some HTML here ....
<![endif]-->

这个条件注释一般只针对IE版本的浏览器执行的 HTML 标签。

2.1 css和js注释写法

/*多行css、js代码注释  即代码块注释 */

// 单行css或js注释

注意:

  • css和js可以使用相同的注释写法;
  • 单行注释使用双斜杠
  • 多行注释斜杠 + 星开始,以 星 + 斜杠结束;

3.1 举个栗子吧:

1、<!--注释内容-->
2、//注释内容 (在css或javascript中插入单行注释)
3、/*注释内容*/ (在css或javascript中插入多行注释)  

JavaScript使用双斜杠注释单行代码:

// console.log("hello, 呆萌小二郎zmh'");

使用斜杠星注释代码块(多行代码):

/*
    var person = new Object();
        person.name = 'zhouminghang';
        person.age = '23',
        person.job = 'webEngineer';
    console.log("我是" + person.name + "," + person.age + "岁," + "我是一名" + person.job + "!" );
*/

4.1 注释之性能问题

  • 过多的JavaScript注释会降低JavaScript的执行速度与加载速度,因此在发布网站时,一般去掉JavaScript注释,可以使用gulpwebpack实现;
  • 注释块/* ... */中不能再包含有/*或*/,JavaScript正则表达式中可能产生这种代码,这样会产生语法错误;
  • 推荐使用//注释代码;

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

-------学习是一个双向输入输出的过程,--
      ------没有输入,怎会有太多输出!--        
      
                            -----我是呆萌小二郎zmh'

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 之前积累了XSS 有一段时间,因为目前开始了一件有趣的工程,需要整合非常多的知识,其中Web 安全这一块出现最多的...
    刀背藏身阅读 13,065评论 0 16
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,322评论 19 139
  • 1、从电视剧里面都可以看到为人处世,站在他们的角度处理事情。比如以前看不懂的陈六子这类的,都可以学习。2、经济思想...
    智囊团阅读 1,124评论 0 0
  • 现在的你,是不是感觉充满了疲惫? 是不是做什么事情都提不起兴趣? 看书看不进去,多短的文字都不耐烦。 追剧也...
    柴隽修阅读 2,767评论 1 3
  • 每天一小步,看得见的进步。 欢迎来到《漫画破词》。 这次要和各位聊聊courage这个词汇。 有这样一个故事: 一...
    Jack的英语世界阅读 2,972评论 0 0