Làm thế nào để tổ chức ứng dụng jquery phức tạp?

Question

Vì vậy, tôi hoàn toàn có vấn đề với các ứng dụng jquery của tôi. Khi ứng dụng nhỏ thì nó rất tuyệt. Nhưng khi nó là khá lớn nó là một mess .. Nested chức năng, ajax cuộc gọi, selectors, dom thao tác. Có vẻ như nó không thể chứa đựng được, đặc biệt là khi nó có một logic phức tạp.

Cách tiếp cận chức năng không giúp ích nhiều cho tôi. Và tôi không thấy cách sử dụng các lớp và thừa kế ở đây trong thực tế. Làm cách nào để sắp xếp mã? Tôi đã đọc rất nhiều bài viết về thừa kế nguyên mẫu và giả cổ điển nhưng họ chỉ giải thích cách mọi thứ hoạt động, như cách bạn có thể kế thừa 'Người' từ 'Con người' hay cái gì đó như thế này. Làm thế nào tôi có thể thực sự sử dụng nó trong cuộc sống thực?

Answer 1

Tôi tìm thấy hai điều thực sự giúp tổ chức javascript. Một đối tượng sử dụng để đóng gói (http://www.dustindiaz.com/namespace-your-javascript) và hai đối tượng, viết một thư viện cho các tác vụ phổ biến. Các chiến lược tái cấu trúc bình thường làm việc cho các hàm javascript, trích xuất, phổ biến, nếu bạn có 4 hàm làm gần như giống nhau, hãy thay đổi chúng thành một hàm duy nhất có thể xử lý tất cả bốn trường hợp.

Answer 2

Khi lập kế hoạch một ứng dụng jQuery lớn mà tôi hiện đang làm việc, tôi thấy this post bởi Addy Osmani rất hữu ích. Tuy nhiên,

Công bố đầy đủ Tất cả mã "điều khiển" của chúng tôi được viết bằng jQuery, nhưng mô hình dữ liệu giao diện người dùng là YUI3.