>  기사  >  웹 프론트엔드  >  JavaScript 개발을 위한 5가지 팁

JavaScript 개발을 위한 5가지 팁

黄舟
黄舟원래의
2016-12-14 15:44:50824검색

5가지 빠른 팁:

요소에서만 submit 이벤트를 사용하세요.

양식에서 이벤트 핸들러를 바인딩하려면 다음에서만 사용해야 합니다. 클릭 이벤트를 제출 버튼에 바인딩하는 대신 제출 이벤트를 요소에 바인딩합니다.
March: 이 방법은 확실히 좋은데 회사에서는 개발 중에 Web Flow를 사용했습니다. 한 페이지가 큰 형식이고 여러 개의 제출 버튼이 있을 수 있으므로 일부 이벤트 핸들러는 제출 버튼에 바인딩되어야 합니다. 버튼의 클릭 이벤트에서.

클릭 가능한 모든 항목은 링크여야 합니다.

클릭 이벤트를 앵커 요소() 이외의 요소에 바인딩하지 마세요. 이는 키보드만으로는 요소에 초점을 맞추는 데 어려움을 겪는 키보드 사용자에게 중요합니다.
3월: 하지만 개인적으로 앵커 요소는 링크로만 사용해야 한다고 생각하며 일부 기능 작업(예: Google 리더의 모든 것을 새 것으로 표시)은 으로 표시되는 것이 가장 좋습니다. 접근성 문제는 해결을 통해 해결할 수 있습니다. 단축키 및 기타 방법으로. 이렇게 하면 HTML 요소의 의미를 더 잘 복원할 수 있습니다.

간단한 for 루프 최적화

for 루프를 작성할 때 성능을 향상할 수 있는 아주 간단한 트릭이 있습니다.
for ( var i = 0; i < elements.length; ++i )
위 대신 다음 문을 사용하세요.
for ( var i = 0, j = elements.length; i < ; ++i )
이런 방식으로 요소 수(elements.length의 값)를 변수 j에 저장할 수 있으므로 매번 요소 수를 계산할 필요가 없습니다. 루프.

익명 함수를 이벤트 핸들러로 사용

특히 짧은 함수의 경우 명명된 함수에 대한 참조를 사용하는 것보다 익명 함수를 만드는 것이 더 읽기 쉽습니다.
anchor.onclick = function() { map.goToPosition( home ); return false; }
3월: 더 복잡한 JavaScript를 개발할 때는 명명된 함수를 사용하는 것이 더 효율적입니다.

문자열을 연결하는 대신 Array.join을 사용하세요

여러 문자열, 변수 등을 긴 문자열로 연결하는 경우 모든 문자열과 변수를 An 배열에 넣은 후 Join 메서드를 사용하세요. 코드 가독성과 성능 측면에서 문자열 연결보다 더 나은 긴 문자열로 구성합니다.
var text = '다음이 있습니다.' + elements.length + '요소 배열에 멤버가 있습니다.';
var text = ['요소 배열에 멤버가 있습니다.']. Join(' ');

더 많은 관련 글은 PHP 중국어 홈페이지(www.php.cn)를 주목해주세요!