jQuery 표준 및 모범 사례 [폐쇄

StackOverflow https://stackoverflow.com/questions/1245598

문제

저는 현재 회사 내 웹 개발자 커뮤니티에 jQuery의 사용을 출시 할 책임이 있습니다. 이 중 일부는 코스를 제시하는 것과 관련이 있지만 다른 부분은 표준과 모범 사례를 전달하는 것입니다.

Google 'jQuery 모범 사례'라면 검색 결과 중에서 다음을 찾을 수 있습니다.http://www.smashingmagazine.com/2008/09/16/jquery-emables-and-best-practices/ http://www.artzstudio.com/2009/04/jquery-performance-rules/

이것들은 도움이되었고 나는 그들에 대한 많은 유용한 정보를 빛났다. 그러나 내가 정말로 관심이있는 것은 숙련 된 jQuery 개발자와 자신과 비슷한 위치에있는 사람들의 모범 사례에 대한 팁, 함정, 의견 등입니다. 좋은 링크도 감사 할 것입니다.

편집하다:

내 페이지에 jQuery 코딩 표준 섹션이 추가되었습니다.

http://www.jameswiseman.com/blog/?p=48

도움이 되었습니까?

해결책

StackoverFlow.com에서 바로이 트렌드 주제를 찾을 수 있습니다.

jQuery 함정을 피하십시오

매우 흥미로운 유용한 팁이 있습니다.

여기에 책갈피에서 찾은 것이 더 있습니다.

다른 팁

내가 개인적으로 시작한 것은 일종의 앱 헝가리 표기법 jQuery 세트의 경우 해당 변수를 $

var someInt = 1;
var $someQueryCollection = $( 'selector' );

jQuery 스 니펫이 성장함에 따라 jQuery 세트를 변수로 저장하는 것뿐만 아니라 어떤 변수를 추적하는 데 도움이되는 것은 매우 귀중한 것으로 나타났습니다. 실제로 jQuery 세트.

눈에 띄지 않는 JavaScript (마크 업 및 행동의 분리)

날로, 클릭 핸들러를 마크 업 안에 넣는 것이 일반적이었습니다. 이제 마크 업 안에 JS 코드를 작성하지 않고 DOM 이벤트를 통해 포함하는 것이 좋습니다.

진보적 인 향상

표준 호환 브라우저를 사용하거나 JavaScript가 활성화 된 경우 사용자는 더 나은 경험을 얻습니다. 웹 사이트/웹 응용 프로그램은 구식 브라우저가 있거나 JS가 비활성화되어 있어도 여전히 액세스 할 수 있습니다.

기능 감지 및 브라우저 감지가 아닙니다

포인트를 제쳐두고, 나는 JavaScript가 장난감 언어라는 메시지를 전달하는 데 중점을 둘 것입니다 (사전 결정된 개념을 깨는 것). 나는 이런 식으로 생각하는 많은 개발자들을 보았고 거기에서 모든 것이 내리막 길입니다. JS 자체가 매우 강력하더라도 JavaScript가 매우 강력한 언어와 JS 라이브러리가 필요한 이유 (브라우저 불일치로 인해)를 설명해야합니다.

행운을 빕니다.

jQuery가 작동하는 방식은 JavaScript가 하나이고 동일하더라도 작동하는 것과 같은 방식이 아닙니다. JQuery는 클래스 이름 및 요소의 ID와 같이 CSS 선택기에서 작동합니다. jQuery에서 항목을 선택하려면 다음을 수행합니다.

$("#yourID") or $(".yourClass") or $("div") or $("#yourID p") etc

그리고 당신은 당신의 기준에 맞는 페이지에 모든 요소의 모음을 얻게됩니다. 그런 다음 어떤 종류의 반복도없이 모든 요소에 대한 작업을 수행 할 수 있습니다. 기억하는 것이 중요합니다.

$(".yourClass").click(function(){
    //do stuff
});

모든 항목에 영향을 미칩니다 .yourClass 그들에게 첨부. 한 가지 팁 : 액세스하려면 $(this), 당신은 그것을 로컬 변수로 저장해야합니다.

$(".yourClass").click(function(){
    var $this = $(this);
});

기능 속도를 높일 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top