Latest web development tutorials
×

JavaScript 코스

JavaScript 코스 JavaScript 간략한 소개 JavaScript 용법 JavaScript 수출 JavaScript 문법 JavaScript 문 JavaScript 주의 JavaScript 변수 JavaScript 데이터 유형 JavaScript 사물 JavaScript 기능 JavaScript 범위 JavaScript 행사 JavaScript 현 JavaScript 운영자 JavaScript 비교 JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript 형식 변환 JavaScript 정규 표현식 JavaScript 오류 JavaScript 디버깅 JavaScript 변수 리프트 JavaScript 엄격 모드 JavaScript 부적절한 사용 JavaScript 폼 인증 JavaScript 예약 키워드 JavaScript JSON JavaScript void JavaScript 코드 사양

JS 기능

JavaScript 함수 정의 JavaScript 함수 인수 JavaScript 함수 호출 JavaScript 클로저

JS HTML DOM

DOM 간략한 소개 DOM HTML DOM CSS DOM 행사 DOM EventListener DOM 요소

JS 고급 자습서

JavaScript 사물 JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp 사물

JS 브라우저 BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 대중적인 JavaScript 시간 제한 이벤트 JavaScript Cookies

JS 창고

JavaScript 창고 JavaScript 테스트 jQuery JavaScript 테스트 Prototype

JS 예

JavaScript 예 JavaScript 객체 인스턴스 JavaScript 브라우저 객체 인스턴스 JavaScript HTML DOM 예 JavaScript 개요

JS 참조 설명서

JavaScript 사물 HTML DOM 사물

자바 스크립트 코드 사양

모든 자바 스크립트 프로젝트는 동일한 사양을 적용합니다.


자바 스크립트 코드 사양

코드 사양은 일반적으로 다음과 같은 특징을 포함한다 :

  • 변수와 함수 이름 지정
  • 공간, 들여 쓰기, 주석, 사용 규칙.
  • 다른 일반적인 사양 ......

쉽게 표준화 된 코드를 읽고 유지합니다.

이전의 개발에 일반 조항의 코드는, 당신은 당신의 팀 구성원과 설정을 협상 할 수 있습니다.


변수 이름

라는 이름의 변수 이름 권장되는 방법 카멜 (낙타 표기법) :

firstName을 = "존";
이 lastName = "미상";

가격 = 19.90;
세금 = 0.20;

FULLPRICE = 가격 + (가격 * 세금);

공간 및 운영자

일반적으로 연산자 (= + - * /)는 전후에 공백을 추가합니다 :

예 :

VAR X = Y + Z;
VAR 값 = "보", "브", "피아트"];

코드 들여 쓰기

기호는 일반적으로 코드 블록을 들여 4 칸을 사용합니다 :

기능 :

기능 toCelsius (화씨) {
리턴 (5/9) * ( 화씨 - 32)
}
주의 다른 편집자 TAB 키가 동일한 해결 아니므로, 들여 쓰기 Tab 키를 사용하지 않는 것이 좋습니다.

문 규칙

일반적인 규칙의 단순 문 :

  • 보통 문 터미네이터 상징으로.

예 :

VAR 값 = "보", "브", "피아트"];

var에 사람 = {
firstName을 "존",
이 lastName "미상"
나이 : 50,
eyeColor : "파란색"
};

복잡한 문에 대한 일반 규칙 :

  • 첫 번째 행의 좌단 중괄호.
  • 중괄호 앞에 공백을 추가합니다.
  • 독립 라인에 중괄호.
  • 세미콜론 복잡한 문을 종료하지 마십시오.

기능 :

기능 toCelsius (화씨) {
리턴 (5/9) * ( 화씨 - 32)
}

주기 :

용 (전 = 0; 나는 < 5; 내가 ++) {
X + = 1;
}

조건문 :

경우 (시간 <20) {
인사말 = "안녕하세요";
} 그밖에 {
인사말 = "안녕하세요";
}

개체 규칙

객체 정의 된 규칙 :

  • 클래스 이름과 같은 줄에 왼쪽 중괄호.
  • 콜론과 속성 값 사이의 공간이다.
  • 큰 따옴표 문자열을 사용하여, 숫자하지 않습니다.
  • 마지막 속성 - 뒷면의 값은 쉼표를 추가하지 않습니다.
  • 최종 상징으로 독립 줄에 괄호 및 기호.

예 :

var에 사람 = {
firstName을 "존",
이 lastName "미상"
나이 : 50,
eyeColor : "파란색"
};

Short 오브젝트 코드 라인에 직접 기록 될 수있다 :

예 :

var에 사람 = {firstName을 "존 "과 lastName "미상", 연령 : 50, eyeColor : "파란색"};

각 코드 라인 미만 80 자

독서의 편의를 위해 라인 (80) 당 문자 수보다 적은 것이 좋습니다.

자바 스크립트 문이 80 개 이상의 문자 인 경우에는 쉼표 연산자 또는 포장 한 후 권장합니다.

예 :

중요 document.getElementById ( "데모") .innerHTML =
"안녕하세요 w3big.";

»시도

이름 지정 규칙

일반적으로 코드 언어 명명 규칙의 많은 예와 유사하다 :

  • 변수와 고비 법에 대한 기능 (CamelCase를)
  • 대문자 전역 변수 (대문자)
  • 대문자 (예 : PI 등) 상수 (대문자)

HYP-암탉, CamelCase를, 또는 under_scores : 당신이 이러한 유형의 규칙을 사용하여 변수 이름은?

HTML과 CSS 대시 (-) 문자 :

접두사로 : HTML5 속성 (데이터 양, 데이터 가격 등) DATA- 수 있습니다.

CSS는 사용 - 프로퍼티의 이름 (글꼴 크기)를 연결합니다.

주의 - 일반적으로 자바 스크립트에서 빼기로 간주, 그것은 허용되지 않습니다.

밑줄 :

특히 SQL 데이터베이스에, (date_of_birth 예) 많은 프로그래머는 밑줄을 사용하는 것을 선호합니다.

PHP 언어는 일반적으로 밑줄을 사용합니다.

파스칼 맞춤법 (PascalCase) :

더 C 언어 파스칼 맞춤법 (PascalCase).

고비 법 :

자바 스크립트는 일반적으로 혹 방법을 권장합니다, jQuery를 다른 자바 스크립트 라이브러리는 낙타 법을 사용합니다.

주의 변수 이름은 자바 스크립트 라이브러리의 많은 $ 마크 충돌로 시작하지 않습니다.

HTML로드 외부 자바 스크립트 파일

(type 속성이 필요하지 않습니다) 자바 스크립트 파일을로드하기 위해 간단한 형식을 사용합니다 :

<스크립트 SRC = "myscript.js">

HTML 요소에 액세스하기 위해 자바 스크립트를 사용하여

나쁜 HTML 형식은 자바 스크립트 오류가 실행되게 할 수 있습니다.

출력 다른 결과 두 개의 자바 스크립트 문을 다음과 같은 :

var에 OBJ =에서 getElementById ( "데모" )

var에 OBJ =에서 getElementById ( "데모" )

»시도

HTML과 자바 스크립트는 같은 이름 지정 규칙을 사용하려고합니다.

액세스 HTML (5) 코드 사양 .


파일 이름 확장명

HTML 파일 확장자는 .html 중에서 (또는 ▼이 .htm)이 될 수 있습니다.

CSS 파일 확장자는 .CSS입니다.

자바 스크립트 파일 접미사의 .js합니다.


소문자 파일 이름

london.jpg의 London.jpg에 액세스 할 수 없습니다 : 대부분의 웹 서버 (아파치, 유닉스)는 대소 문자를 구분이다.

대소 문자를 구분하지 않습니다 다른 웹 서버 (마이크로 소프트 IIS) : london.jpg는 London.jpg 또는 london.jpg를 통해 액세스 할 수 있습니다.

당신은 우리는 일관된 사용 소문자 파일 이름을 추천, 통합 된 스타일을 유지해야합니다.