좋은 프로그래머 튜토리얼 웹 프런트 엔드 자바 스크립트 개발 기술 공유

  좋은 프로그래머프런트 엔드 튜토리얼 공유 자바 스크립트 개발 기술은 , 내가 알고 믿는있는 작은 파트너의 프런트 엔드를 잘 알고 , 자바 스크립트 가 더 선명하게 많은 확장 기능뿐만 아니라 프로그래머에게 더 아름다운을 만들 수있는 기회를 제공하고 사용자가 좋아하는 할 수 있습니다 사이트는 다음, 초보자는 무엇을 필요 알아야 자바 스크립트 개발 기술 을? 여기에 우리가 함께 보인다.

 

  많은 개발자들이 축하 행복하지만 자바 스크립트를 하지만, 어떤 사람들은 여전히 어두운면을 참조하십시오.

 

  많이 사용하여 자바 스크립트 코드를 천천히로드 페이지를 과도하게 사용 자바 스크립트는 웹 추악하고 꾸물 거리는 수 있습니다. 빠르게 사용하는 방법 자바 스크립트를 매우 화제가되고 할 수 있습니다.

 

  (1) 가능한 한 많은 코드를 간단하게 유지

 

  우리 모두가 들었 수있는 N의 시간 코드 간단한 문제. 당신은 당신의 코드 개발 과정에서 개발자로 여러 번 사용하지만 결코에서 수 JS 이 개발을 잊는다.

 

  개발 모드에서의 의견과 공백을 추가하려고, 그래서 코드 가독성을 유지

 

  프로덕션 환경에서 릴리스 공백을 배치하고 코멘트를 삭제하고, 약어 변수와 메소드 이름을 시도하기 전에

 

  타사 도구를 사용하면 압축을 달성 할 수 있도록 자바 스크립트 .

 

  2 , 생각하고 수정 프로토 타입을

 

  객체에 새로운 속성을 추가 프로토 타입은 스크립트 오류의 일반적인 원인이다.

 

  yourObject.prototype.anotherFunction = '안녕하세요';

 

  yourObject.prototype.anotherMethod = 함수 () {...}

 

  그들은에서 상속되기 때문에 위의 코드에서, 모든 변수가 영향을 받게됩니다 yourObject . 이러한 사용은 예기치 않은 동작이 발생할 수 있습니다. 사용 후 수정 유사한을 삭제 제안한다.

 

  yourObject.prototype.anotherFunction = '안녕하세요';

 

  yourObject.prototype.anotherMethod = 함수 () { ... };

 

  test.anotherMethod ();

 

  deleteyourObject.prototype.anotherFunction = '안녕하세요';

 

  deleteyourObject.prototype.anotherMethod = 함수 () { ... };

 

  3 , DebugJavascript 코드

 

  심지어 최고의 개발자가 실수를합니다. 당신에 유사한 오류의 감소를 극대화하기 위해 디버거 코드를 실행하려면 어떤 사소한 오류가 발생하지 않도록합니다.

 

  4 평가를

 

  귀하의 JS 없는 평가는 또한 잘 때이 방법을 사용할 수 있습니다. 평가 에 액세스 할 수 있도록 자바 스크립트 컴파일러. 문자열을 매개 변수로 전달 된 경우 평가 후면 다음, 그 결과는 수행 될 수있다.

 

  이것은 크게 코드의 성능이 저하됩니다. 생산 환경에서 사용하지 않도록하십시오 평가 .

 

  5 최소화 DOM의 액세스

 

  DOM은 가장 복잡한 API 코드 실행 프로세스가 느리게 만들 것입니다. 때로는 페이지를로드하거나 불완전로드되지 않을 수 있습니다. 가장 피해야 할 DOM을 .

 

  6 사용하여 자바 스크립트를 처음 배우는 라이브러리 전에 자바 스크립트

 

  인터넷의 많은 가득 자바 스크립트 라이브러리, 많은 프로그래머는 자주 사용하는 JS의 부정적인 영향을 이해하지 않고 라이브러리를. 강력하게 타사 라이브러리를 사용하기 전에 기초를 배울 것을 권장합니다 JS 코드를. 그렇지 않으면, 당신은 운이 준비가 된 것입니다.

 

  7 , "사용하지 않는 에서는 setTimeout "와 " setInterval을 "로 "방법 평가 후면 "대안을

 

  setTimeOut("document.getID('value')",3000);

 

  在以上代码中document.getID(value)setTimeOut方法中被作为字符串来处理。这类似于eval方法,在每个代码执行中来执行一个字符串,因此会降低性能,因此,建议在这些方法中传递一个方法。

 

  setTimeOut(yourFunction,3000);

 

  8[]newArray();更好

 

  一个常犯的错误在于使用当需要数组的时候使用一个对象或者该使用对象的时候使用一个数组。但是使用原则很简单:

 

  “当属性名称是小的连续整数,你应该使用数组。否则,使用一个对象”–DouglasCrockford,JavaScript:GoodParts的作者.

 

  建议:

 

  vara=['1A','2B'];

 

  避免:

 

  vara=newArray();

 

  a[0]="1A";

 

  a[1]="2B";

 

  9、尽量不要多次使用var

 

  在初始每一个变量的时候,程序员都习惯使用var关键字。相反,建议你使用逗号来避免多余的关键字,并且减少代码体积。如下:

 

  varvariableOne='string1',

 

  variableTwo='string2',

 

  variableThree='string3';

 

  10、不要忽略分号“;

 

  这往往是大家花费数个小时进行debug的原因之一。


추천

출처blog.51cto.com/14249543/2412876