码迷,mamicode.com
首页 > 其他好文 > 详细

前端代码注释

时间:2015-08-17 06:23:15      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:

经常需要用到代码注释,一直都是用编辑器自带的快捷键做注释。也有特意留意在各种环境下的注释方式,但经常在手输的时候还是会用混,不知道用哪种注注释方式。

对于前端,每天打交道的大概就是html,css,js,而前端的代码注释方式只有三种(至少我每天用到的,不排除有别的高级注释方法,呵呵):1:<!-- -->  2:/**/   3://

在html中的注释方式:<!--内容 -->

在css中的注释方式:块注释:/*内容*/ 估且称为“伪单行注释”(让css无法解析而绕过的方式达到去掉当前样式的作用,慎用!)://

在js中的注释方式:块注释:/*内容*/ 行注释://内容

测试情况如下:

html状态下:

如下图在没有注释的情况下,正确的应该输出3后再输出2,从下二图知道,html下只能用<!-- <div class="test2">test2</div> -->来注释

技术分享

技术分享

css状态下:

//也能去掉对应的样式,但是也只是一个错误导致css无法解析(但感觉也能做注释用,我试过各浏览器下都是可以作用的)所以称“伪注释”,

用css标准的/**/来注释对应的控制台会显示为失效状态,如图中标1处指引,

<!---->在css一个完整的{}样式不起作用,但是一断一断的切还是跟//是一样的原理,出错而无法让样式渲染而已

//以出错用来作注释当放置在行首,或者放在样式{}中时,好像还有另一个特别,它会以遇到第一个}为一个结束,也就是说//到遇到第一个的}的中间的样式都无法解析,挺有意思的

技术分享

js状态下:

标2处正常应该弹出2的,但是没有弹出,面下面的diva提示没有定义,则说明//起了注释作用,

而在JS中用<!---->用在JS注释只会直接报错

 技术分享

仅表个人观点,如果有错误,还望直接批评指正,共同学习共同进步!!

前端代码注释

标签:

原文地址:http://www.cnblogs.com/xwwin/p/4735433.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!