2012-12-24 35 views
5

Tôi đã tự hỏi, nếu tôi đã nói - 100 tooltips những gì sẽ là so sánh hiệu suất nếu họ là jquery hoặc css dựa? Từ hiểu biết của tôi, với chú giải công cụ CSS, chú giải vật lý được tạo cho từng mục và ẩn khỏi chế độ xem cho đến khi người dùng di chuột qua nó - trong khi chú giải công cụ jquery chỉ là một mục thay đổi nội dung khi được di chuột lên. Hoặc là tôi sai? Bạn nghĩ tôi nên làm gì? Cảm ơn!Hiệu suất của Jquery vs chú giải công cụ CSS?

+5

Có quan trọng không? Bạn sẽ chỉ hiển thị một chú giải công cụ tại một thời điểm nào đó ... đúng không? – BoltClock

+1

Đó là chính xác, tuy nhiên nếu bạn có 100 mục bị ẩn, họ vẫn phải có một số phí về hiệu suất. – pufAmuf

+1

tôi tìm thấy css tooltips được khá hạn chế với những gì bạn có thể đặt bên trong chúng. Thường chỉ là văn bản thuần túy. – chovy

Trả lời

2

Tất cả phụ thuộc vào số lượng phần tử sẽ có chú giải công cụ và tần suất hiển thị chúng. Ví dụ, nếu bạn có vài yếu tố để áp dụng chú giải công cụ và chúng được hiển thị thường xuyên, cách tiếp cận CSS của bạn sẽ tốt hơn. Nếu bạn có nhiều yếu tố để áp dụng chú giải công cụ và chúng không được hiển thị thường xuyên, cách tiếp cận JS của bạn sẽ tốt hơn.

Nó cũng phụ thuộc vào kích thước của các chú giải công cụ. Cách duy nhất để trả lời câu hỏi của bạn là thực sự thử cả hai và xem cái nào hoạt động tốt nhất. Cũng xem xét JS là chậm hơn nhiều trong một số trình duyệt. IE 6/7 sẽ không hoạt động tốt với 50tooltips/s khi sử dụng JS. CSS sẽ vẫn không tuyệt vời nhưng có khả năng tốt hơn JS. Bạn cần phải thử cả hai triển khai và thử nghiệm trên các phiên bản trình duyệt khác nhau.

+0

Cảm ơn flem. Bạn sẽ phân loại gì để hiển thị thường xuyên? Giả sử bạn có chú giải công cụ cho mỗi hàng trong bảng và bạn có một bảng có 50 hàng mà người dùng cuộn qua bằng chuột của anh ấy (có nghĩa là anh ấy có thể trải qua khoảng 50 chú giải công cụ trong vài giây). Jqeury sẽ vẫn tốt hơn? – pufAmuf

+0

Đó là quá mở một câu hỏi để trả lời. Nó cũng phụ thuộc vào kích thước của các tooltips. Cách duy nhất để trả lời câu hỏi của bạn là thực sự thử cả hai và xem cái nào hoạt động tốt nhất. Cũng xem xét JS là chậm hơn nhiều trong một số trình duyệt. IE 6/7 sẽ không hoạt động tốt với 50tooltips/s khi sử dụng JS. CSS sẽ vẫn không tuyệt vời nhưng có khả năng tốt hơn JS. Bạn cần phải thử cả hai triển khai và thử nghiệm trên các phiên bản trình duyệt khác nhau. –

Các vấn đề liên quan