beautify.js를 사용하여 jQuery 코드를 아름답게하십시오

이 안내서는 지저분한 jQuery 코드를 정리하여 가독성과 유지 관리를 향상시키는 방법을 보여줍니다. 동적으로 생성 된 JavaScript/JQuery에는 종종 서식이 부족하여 작업하기가 어렵습니다. 코드를 자동으로 포맷하여이를 해결합니다. 이것은 코드를 제시 할 수있는 기능 데모에 특히 유용합니다. 예시 페이지의 "Code보기"버튼은 이것을 실제로 보여줍니다.

beautify.js beautify.js 라이브 데모 및 다운로드 : 구현 단계 :

다운로드 : github에서

패키지를 얻으십시오. Obfuscation 풀 포켓 업과 같은 불필요한 구성 요소를 제거하여 코드를 간소화하십시오.

수정 : 코드를 프로젝트에 적응시킵니다. 예제에는 특정 요소를 대상으로하는 매개 변수가 포함되어 있으며 jQuery 코드가 포함 된 클래스 "RAW"와 요소를 반복합니다.

통합 : DOM Ready 기능에 Beautifier 호출을 포함시킵니다. 선택적으로, 가독성 향상을 위해 구문 형광펜 (많은 사람들이 사용할 수 있음)을 통합합니다.

코드 예 :
1. 이 스크립트를 포함하십시오

   내에 랩합니다 수정 된 <code> beautify () 함수 () : 마지막으로 DOM Ready 기능 내에서 Beautifier를 호출하십시오 beautify.js JS Beautify FAQ :

   이 섹션에서는
, 기능 및 jQuery 개발 워크 플로우의 사용에 대한 일반적인 질문에 답변합니다. (원래 FAQ 섹션은 개선 된 흐름과 간결함을위한 작은 문구 조정으로 유지됩니다.) 대답은 명확성과 가독성에 중점을두고 크게 동일하게 유지됩니다.

위 내용은 beautify.js를 사용하여 jQuery 코드를 아름답게하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!