다음과 같이 작동 내가 <code>$.fn.slideShow</code>으로 슬라이드 쇼 jQuery 플러그인을 만들었습니다

Question

깔끔한 모듈 형 "모듈"로이 jQuery를 슬라이드 쇼 플러그인을 켜려고 :

.slideShow (INTtransitionDelay, 문자열transtionType, 문자열slideTag)

당신이 상상할 수 있듯이,키워드 자바 스크립트에 존재하지 않는 INT 또는 문자열, 난 그냥 각 인수의 데이터 형을 지정할 수 있습니다 넣어했다. 첫 번째 필요한 인수는 슬라이드 당 지연 AKA 전환 지연 (밀리 초)입니다. 두 번째 인수는 선택 사항입니다. 전환 유형을 지정합니다 (기본값 : 정상적인 AKA no-transition). 가능한 입력은 입니다., 정상/아니오 전환 및 변색은입니다. 이는 슬라이드마다 다른 전환 애니메이션입니다. 세 번째 및 마지막 인수는 슬라이드가 포함 된 HTML 태그를 지정합니다 (기본값 : li). 이 슬라이드 쇼는 플러그인에 제공된 선택자에 표시됩니다. 이제 내 플러그인이하는 일에 대한 기본적인 이해를 얻었으니 문제에 대해 이야기 해 보자.

실제로 코드 작성에 접근하는 데는 두 가지 주요 방법이 있습니다. 하나는 너무 지저분해서 아무도 읽을 수 없게 만드는 것이고, 다른 하나는 그것을 깔끔하고 모듈화하는 것입니다. 그러나 코드를 깔끔하고 모듈로 포장하는 것은 쉽지 않습니다. 왜냐하면 변수를 저장하는 데 가장 재사용 가능하고 순환 할 수있는 방법과 코드를 '모듈화'하는 방법을 생각해야하기 때문입니다.

분명히,이 상황에서 내 코드를 어떻게 모듈화 할 수 있는지 알 수 없습니다. 나는 전역 변수들이 많이 있고, 많은 변수를 다시 선언했다. 내 경우에있어서 가장 좋은 접근법은 어느 것인가? (의견이나 조건에 기반한 것이 아니라 실제 사실과 실적에 기초한 것임) to 이런 식으로 jQuery 플러그인을 완벽하게 작동하는 모듈로 바꿀 수 있을까요? IIFE과 같은 모듈 패턴을 사용합니까? 나는 또한 browsify과 같은 모듈 식 인터페이스를 보았습니다. 그러나 저는 정말로 확신하지 못했습니다. 은 또는 적어도 입니다.

Answer 1

성능 문제에 대한 토론은 많은 양의 머리카락이있는 학술 활동이 될 수 있습니다. 이해할 수 있고 설명 할 수있는 방식으로 구조화 할 수있는 모듈 식 플러그인 패턴을 채택하는 것이 좋습니다. 이렇게하면 독자가 적응할 수 있습니다. 내가 여기에 제공 할 수있는 것보다 모듈 형 패턴의 더 나은 설명으로 https://toddmotto.com/mastering-the-module-pattern/을 권하고 싶습니다, 여기에 더 광범위한 개관과 함께 : https://addyosmani.com/resources/essentialjsdesignpatterns/book/#jquerypluginpatterns

추가 패턴 방법 여기 : https://www.viget.com/articles/jquery-plugin-patterns. 좀 더 구체적인 코드 예제/쿼리에 대해 언급하는 것이 더 쉬울 수도 있습니다.