2013-10-31 1 views
-1

나는 격렬한 논쟁을 시작하고 싶지 않지만 이것을 알아야합니다. 나는 동적 페이지 요소를 다루기 위해 jQuery 스크립트를 작성하고있다. 나는 매우 OOP 스타일의 코딩을 따르고 있으며 나의 질문은 : 자바 스크립트를 사용하는 것이 가장 좋은 방법인지 아니면 모범 사례인가?절차상의 jQuery가 있어야하는 방법

내 스크립트 파일 :이 스크립트는 쉽게 300이 개 될 것이다

(function($){ 
    hideConditionalSelects = function() { 
     $('.hiddenchild').closest('tr').addClass('hidefield'); 
    } 
    showSelectDropdown = function(theFieldName) { 
     hideConditionalSelects(); 
     $('.toggle' + theFieldName).closest('tr').removeClass('hidefield'); 
    } 
    toggleFieldVisibiltyByClass = function() { 
     $('.toggletype').change(function(){ 
      var toggleElem = $(this).find("option:selected").val(); 
      showSelectDropdown(toggleElem); 
     }); 
    } 
    $(document).ready(function() { 
     hideConditionalSelects(); 
     toggleFieldVisibiltyByClass(); 
    }); 
})(jQuery); 

- 긴 곧 400 라인과 내가 너무 멀리 도착하기 전에 서면의 방법은 jQuery로 좋은 생각이 있는지 알고 싶습니다.

렌더링 시간 등을 방해합니까? 나는 '절차 적으로'더 작성해야합니까? 제 질문이 분명하기를 바라며 귀하의 의견에 감사드립니다. 감사!

+1

개인적으로 나는 그런 식으로 그것을하는 팬이 아니지만 놓친 한가지는'var' 키워드를 사용하지 않았다는 것입니다. 즉, 모든 변수가 전역 적이라는 뜻입니다. 이 시점에서 성능은 문제가되지 않지만 유지 관리가 가능합니다. –

+0

@KevinB 어쩌면 그는 재사용 할 수 있도록 전역 기능을 원할 수도 있습니다. – Archer

+0

예, 재사용 가능하도록하겠습니다. 감사. – Jongosi

답변

2

나는 이것이 좋은 생각이라고 생각하지 않습니다. 스크립트가 복잡해지고 역동적으로 변함에 따라 jQuery와 같은 라이브러리의 한계를 빠르게 뛰어 넘습니다.

절차 또는 기능은 중요하지 않습니다. 모듈성 문제. 프레임 워크을 찾으십시오.

+0

Thanks Frits, 좋은 것을 제안 해 주시겠습니까? – Jongosi

+0

"js framework"에 대한 Google 및 당신은 인기있는 것들을 얻을 것이다. 개인적으로 나는 자체 개발 한 프레임 워크를 사용하고 있으므로 그것에 대해 너무 많이 말할 수는 없다;) – Halcyon

관련 문제