더 나은 jQuery 플러그인 개발을위한 10 가지 팁

우수한 jQuery 플러그인은 전 ​​세계 수만 명의 웹 개발자 중에 인기가 있으며 디자인이 열악한 사람들은 빠르게 잊혀집니다. 이 기사는 더 나은 jQuery 플러그인을 개발하고 영향력을 향상시키는 데 도움이되는 몇 가지 팁을 제공합니다.

키 포인트 :

jQuery 플러그인이 호출되는 jQuery 객체를 반환하여 jQuery 플러그인이 체인을 제기 할 수 있는지 확인하여 여러 jQuery 메소드를 연결할 수 있습니다.

는 jQuery 플러그인에 대한 기본 설정을 제공하여 사용자가 자신의 요구에 따라 사용자 정의 할 수 있으며 쉽게 사용하기 위해 HTML 매개 변수를 지원하는 것을 고려합니다. 프로모션을 위해 jQuery 플러그인을 GitHub, Google 코드 및 JQuery 플러그인 디렉토리와 같은 코드베이스에 업로드하고 지원 및 필요한 업데이트를 제공 할 준비가되어 있습니다.

• 체인 호출의 무결성을 유지하십시오
플러그인이 값을 반환하지 않으면 플러그인 함수의 마지막 줄은 다음과 같아야합니다.
• 이것은 예를 들어 메소드 호출을 체인으로 만들 수 있도록합니다.
• 단순화 된 사용

대부분의 경우, 개발자가 문서를 찾거나 옵션을 설정하거나 플러그인 코드를 편집하지 않고 플러그인이 제대로 작동해야합니다. 시각적 위젯 인 경우 개발자는 JavaScript 코드를 편집 할 필요가 없습니다. html을 클래스/id와 함께 제공 할 수 있습니다. 예를 들어 다음과 같은 코드를 자동으로 시작할 수 있습니다.

플러그인 자체가 자체적으로 초기화 될 수 있습니다.
1. 적절한 이름 지정 및 버전 제어 번호

를 사용하십시오

jQuery 플러그인은 많습니다. "탭"과 같은 이름이 사용되었을 가능성이 높습니다. 이것이 항상 문제가되는 것은 아니지만, 모호하거나 잠재적으로 상충되는 이름을 사용하는 것을 피해야합니다. 특히 개발자가 문제를보고 할 때 버전 번호도 중요합니다.

return this;

<🎜 🎜> <<<> 클로저 사용

<🎜 🎜>

jQuery를 인용하기 위해

$("div#myid").yourPlugin().anotherPlugin().yetAnotherPlugin();

에 의존하지 마십시오. 개발자가 다른 라이브러리를 설치하면 jQuery가로드되기 전에 가져 왔을 수 있습니다. 이 문제를 해결하는 가장 쉬운 방법은 jQuery를 익명 자체 시작 함수의

매개 변수로 전달하는 것입니다.
2. <<> 기본 매개 변수를 설정

대부분의 플러그인은 JavaScript 객체 리터럴 표기법을 사용하여 매개 변수를 설정합니다.

여기에는 몇 가지 장점이 있습니다. 매개 변수는 읽기 쉽거나 순서대로 배열되거나 완전히 생략 할 수 있습니다. 그러나 플러그인 코드에서 기본값을 설정하고 예를 들어 다음과 같이 덮어 씁니다.

<p>My content</p>

플러그인은 <🎜 🎜>와 같은 코드를 사용하여 매개 변수를 사용할 수 있습니다.

$(function() {
    $("section.myjqWidget").myjqWidget();
});

<<> 지원 html 매개 변수 <🎜 🎜>

3. 이상적으로, HTML 위젯은 개발자가 JavaScript 코드를 변경할 필요없이 매개 변수를 설정할 수 있어야합니다. 예를 들어 html5 데이터 속성 사용을 고려할 수 있습니다.

   return this;

   jQuery의

   메소드를 통해 액세스 할 수 있습니다. data() .data("opt1")

   코드 문서 쓰기
   7. 플러그인 상단에 간결한 의견을 추가하십시오. 플러그인 이름과 버전 플러그인 함수 사용 예 매개 변수 링크 플러그인이 특히 복잡한 경우 별도의 readme 파일을 고려할 수 있습니다.
   플러그인을 철저히 사용해보십시오
   • 테스트하십시오. 그런 다음 다시 테스트하십시오. 모든 브라우저에서 테스트하십시오. IE6 호환성 문제와 같이 해결할 수없는 문제가있을 수 있습니다. 중요하지는 않지만 문서에서 방금 언급되어 있습니다.
   좋은 템플릿을 사용하십시오
   • 다음은 새 플러그인을 만들 때 사용한 템플릿 코드입니다.
   좋은 출발점을 제공합니다
   플러그인은 폐쇄로 래핑됩니다.

   플러그인 매개 변수에 의해 덮어 쓴 기본 옵션을 설정합니다.

   선택한 각 요소는 함수의 jQuery 객체로 전달됩니다.
   8. . 자동 시작 코드는 마지막에 제공됩니다.

   플러그인을 촉진하십시오

   개발자가 플러그인을 사용하려면 GitHub, Google 코드 및 jQuery 플러그인 디렉토리와 같은 코드베이스에 업로드하십시오. 데모 페이지를 만들고 기사로 홍보하고 트위터에 정보를 계속 게시하십시오. 그런 다음 플러그인을 지원하고 필요한 경우 업데이트하십시오. 당신은 몇 가지 어리석은 질문과 이상한 기능 요청을 얻을 수 있지만 이것은 성공적인 플러그인 저자의 일부입니다.
   9. (후속 내용, 즉 FAQ 부품은 기사의 길이로 인해 별도로 처리하는 것이 좋습니다. FAQ 부분은 새 답변을 별도로 정렬 할 수 있습니다.)

   위 내용은 더 나은 jQuery 플러그인 개발을위한 10 가지 팁의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!