Tiêu chuẩn jQuery và thực tiễn tốt nhất

Question

Tôi hiện đang chịu trách nhiệm triển khai việc sử dụng jQuery cho cộng đồng các nhà phát triển web trong công ty của chúng tôi. Một phần của điều này bao gồm việc trình bày một khóa học, tuy nhiên một phần khác liên quan đến các tiêu chuẩn giao tiếp và thực hành tốt nhất.

Nếu Google 'thực hành tốt nhất của jQuery', có thể bạn sẽ tìm thấy những điều sau đây trong số các kết quả tìm kiếm. http://www.smashingmagazine.com/2008/09/16/jquery-examples-and-best-practices/ http://www.artzstudio.com/2009/04/jquery-performance-rules/

Điều này rất hữu ích và tôi đã làm sáng tỏ nhiều thông tin hữu ích về chúng. Tuy nhiên, những gì tôi sẽ thực sự quan tâm sẽ là bất kỳ lời khuyên, bẫy, ý kiến, vv, trên thực hành tốt nhất từ ​​các nhà phát triển jQuery giàu kinh nghiệm và những người có thể đã thấy mình ở một vị trí tương tự với bản thân mình. Bất kỳ liên kết tốt nào cũng sẽ được đánh giá cao.

EDIT:

Added một jQuery Mã hóa phần tiêu chuẩn trên trang của riêng tôi:

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

Answer 1

Bạn có thể tìm thấy chủ đề xu hướng này ngay tại đây trong StackOverflow.com

jQuery pitfalls to avoid

lời khuyên hữu ích Rất thú vị một sau khi khác.

đây là một số chi tiết tôi tìm thấy trong bookmark của tôi:

• http://paulirish.com/2011/11-more-things-i-learned-from-the-jquery-source/
• http://jquery.open2space.com/
• http: //thetoptenme.wordpress.com/2008/08/19/the-hoàn-hướng-cho-jquery-phát triển-Reblog/
• http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx

Answer 2

Cách mà jQuery làm việc là không cùng một cách mà các công trình JavaScript, mặc dù họ là một và giống nhau. jQuery hoạt động trên các bộ chọn CSS, như tên lớp và id của các phần tử. Để chọn một mục trong jQuery, bạn thực hiện:

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

Và bạn sẽ nhận được một tập hợp tất cả các thành phần trên trang phù hợp với tiêu chí của bạn. Sau đó, bạn có thể thực hiện hành động của mình trên TẤT CẢ các yếu tố đó mà không cần bất kỳ vòng lặp nào. Điều quan trọng cần nhớ là:

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

sẽ ảnh hưởng đến tất cả các mục có .yourClass được đính kèm với chúng. Một mẹo: nếu bạn định truy cập vào $(this), bạn nên lưu nó dưới dạng biến cục bộ:

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

vì nó sẽ tăng tốc độ chức năng của bạn.

Answer 3

Something Cá nhân tôi đã bắt đầu làm là một loại của một Apps Hungarian Notation cho jQuery đặt, bằng cách đặt trước những biến với một $

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

tôi thấy rằng như đoạn jQuery tôi phát triển, điều này trở thành vô giá, không chỉ trong việc thúc đẩy lưu trữ jQuery đặt như các biến, nhưng để giúp tôi theo dõi trong đó biến số thực sự là bộ jQuery.

Answer 4

Không phô trương JavaScript (tách đánh dấu và hành vi)

Trở lại trong ngày, nó đã được phổ biến để đưa handler nhấp chuột của bạn bên trong đánh dấu. Bây giờ bạn nên viết mã JS của bạn bên trong đánh dấu của bạn nhưng bao gồm nó thông qua các sự kiện DOM.

tăng cường Progressive

tài được kinh nghiệm tốt hơn nếu họ đang sử dụng các tiêu chuẩn trình duyệt phù hợp và/hoặc có kích hoạt Javascript. Ứng dụng web/web vẫn có thể truy cập ngay cả khi chúng có trình duyệt cũ hơn hoặc đã tắt JS.

phát hiện tính năng và không trình duyệt phát hiện

Giữ điểm nêu trên sang một bên, tôi sẽ thực sự tập trung vào việc truyền tải thông điệp (phá vỡ quan niệm trước thụ thai) rằng JavaScript là một ngôn ngữ đồ chơi. Tôi đã thấy quá nhiều nhà phát triển, những người nghĩ theo cách này và mọi thứ đều xuống dốc từ đó. Bạn cần phải giải thích cho họ cách JavaScript là một ngôn ngữ rất mạnh và tại sao họ cần một thư viện JS (vì trình duyệt không nhất quán) mặc dù JS chính nó là rất mạnh mẽ.

Chúc may mắn.