웹 프론트엔드 JS 튜토리얼 JavaScript 개발을 위한 5가지 팁

JavaScript 개발을 위한 5가지 팁

Dec 14, 2016 pm 03:44 PM

5가지 빠른 팁:

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

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

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

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

간단한 for 루프 최적화

for 루프를 작성할 때 성능을 향상할 수 있는 아주 간단한 트릭이 있습니다.
for ( var i = 0; i < elements.length; ++i )
위 대신 다음 문을 사용하세요.
for ( var i = 0, j = elements.length; i &lt ; ++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)를 주목해주세요!


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

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Google Chrome에서 이 탭의 콘텐츠가 공유되고 있다는 메시지가 표시되면 어떻게 해야 하나요? Google Chrome에서 이 탭의 콘텐츠가 공유되고 있다는 메시지가 표시되면 어떻게 해야 하나요? Mar 13, 2024 pm 05:00 PM

Google Chrome에서 이 탭의 콘텐츠가 공유되고 있다는 메시지가 표시되면 어떻게 해야 하나요?

WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 Dec 17, 2023 pm 02:54 PM

WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법

WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 Dec 17, 2023 pm 05:30 PM

WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 Dec 17, 2023 am 09:39 AM

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 Dec 17, 2023 pm 12:09 PM

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법

JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 Dec 17, 2023 pm 05:13 PM

JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축

간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 Jan 05, 2024 pm 06:08 PM

간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법

Baidu Tieba 앱에서 작업이 너무 자주 발생한다는 메시지가 표시됩니다. 무엇이 문제인가요? Baidu Tieba 앱에서 작업이 너무 자주 발생한다는 메시지가 표시됩니다. 무엇이 문제인가요? Apr 01, 2024 pm 05:06 PM

Baidu Tieba 앱에서 작업이 너무 자주 발생한다는 메시지가 표시됩니다. 무엇이 문제인가요?

See all articles