刚开始的时候对注释的写法,还是能分清的,后来经常使用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注释,可以使用
gulp
或webpack
实现; - 注释块
/* ... */
中不能再包含有/*或*/,JavaScript正则表达式中可能产生这种代码
,这样会产生语法错误; - 推荐使用
//
注释代码;
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-------学习是一个双向输入输出的过程,--
------没有输入,怎会有太多输出!--
-----我是呆萌小二郎zmh'
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++