>  기사  >  웹 프론트엔드  >  프론트엔드 개발에서 코드 주석의 역할과 사용법 시연

프론트엔드 개발에서 코드 주석의 역할과 사용법 시연

yulia
yulia원래의
2018-09-15 17:41:475525검색

우리가 페이지를 작성할 때 댓글은 필수적인 부분입니다. 한편으로는 코드의 구조를 명확하게 볼 수 있어 찾기가 더 쉬워지고, 다른 한편으로는 동료들 간의 작업 인계에도 도움이 됩니다. . 물론코드 주석도 표준화된 방식으로 사용해야 합니다. 그래서 오늘은 프론트엔드 코드에 대한 설명에 대해 이야기해보겠습니다. 도움이 필요한 친구들이 참고하시면 좋겠습니다.

1. 코드 주석의 용도는 무엇인가요? 1. 의사 코드와 동일한 기능을 가지며, 다음에 구현할 함수에 대한 안내 알고리즘 아이디어를 작성합니다. 의사코드만큼 상세하지는 않습니다. 그러나 이 기능을 완성하기 위한 일반적인 알고리즘 아이디어도 지적된다. 2. 코드를 읽는 사람들에게 설명 메모를 제공하세요. 코드를 보는 사람은 본인뿐이라는 점에 유의하세요. 귀하의 코드를 보는 사람들이 귀하가 작성한 내용을 이해하기 위해 읽을 때마다 한 줄씩 읽지 않고도 코드를 빠르게 찾아볼 수 있습니다.


2. 코드 주석 사양은 다음 원칙을 따라야 합니다

1. 독자가 코드 논리와 구조를 더 잘 이해할 수 있도록 도와줍니다.2. 특별하거나 이해하기 어려운 작성 방법을 설명할 수 있습니다

3. : TODO, FIXME 등 특별한 의미를 지닌 표시

4. 파일 주석: 일부 규정에서는 파일 헤더에 작성자, 프로토콜 및 기타 정보를 표시하는 등 고정 형식의 주석을 작성하도록 요구합니다. 일부 규정에서는 API 클래스, 함수 등을 요구합니다. 문서 주석(예: jsdoc 스타일)을 사용합니다.
6. 주석 자체의 가독성을 보장하기 위해 특정 공백 및 빈 줄과 같은 통일된 스타일 사양을 따릅니다.


3. 방법 코드 주석 작성

1. HTML 코드 주석: 0250a70fd52b5cdec17d964dae3809b1;

<!-- html中要注释的内容 -->
在web页面中,最常见的注释就是这种了。我们在布局页面结构的时候,会添加少许的注释方便我们查找与记忆我们的想法。
那么在页面中除了这样的注释外,还有那些注释呢,这里我列举一些:
If条件不同版本浏览器注释列表:
<!--[if !IE]>除IE外都可识别<![endif]--> 
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]--> 
<!--[if IE 6]> 仅IE6可识别 <![endif]--> 
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]--> 
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]--> 
<!--[if IE 7]> 仅IE7可识别 <![endif]--> 
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]--> 
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->
2. CSS 코드 주석: /* 주석 내용*/

HTML의 주석 형식과 다릅니다. CSS에서는 /* 주석 형식 */ 형식을 취합니다. 주석 내용에는 한 줄이나 여러 줄이 없습니다.

/*.aa,.bb {
                height: 100px;
                margin: 1px;
                background: #ccc;
            }*/

3. JS 코드 주석: //Comment 내용; 또는 /* Comment 내용*/,

js의 주석은 htmlcss와 다르게 한 줄과 여러 줄로 구분되는데, 종류가 다양하다고 소개하겠습니다. 하나씩.

(1) // 슬래시 두 개는 한 줄 주석을 나타냅니다.

(2) dc54e45c94eda527b107c3d5a7389e19 dc54e45c94eda527b107c3d5a7389e19를 한 줄 주석으로 사용하세요. 여러 줄 주석

//          function out(obj){
//              obj.innerHTML = "移出了";
//              obj.style.background = "#ccc";        
//          }


요약
: 프론트엔드 개발자는 코드 주석의 목적과 원칙을 깊이 이해하고 주석 규칙을 따르고 도구와 결합하여 사용해야 합니다. 코드의 가독성과 유지관리성을 향상시켜 코드 품질을 향상시킵니다.

위 내용은 프론트엔드 개발에서 코드 주석의 역할과 사용법 시연의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.