Czy istnieje sposób na przyspieszenie tego rozwiązania w przypadku niewrażliwego na wielkość znaków jQuery: zawiera selektor?

Question

Znalazłem this solution dla niewrażliwego na wielkość rozróżniacza jQuery :contains na StackOverflow. Działa świetnie, ale kosztem wydajności. Czy ktokolwiek inny uważa to rozwiązanie za nieco powolne?

Używam selektora :contains do przeszukiwania tabeli. Użytkownik wpisuje ciąg do pola tekstowego. Dla każdego klawisza przeszukuje tabelę dla tego ciągu, pokazując tylko wiersze, które zawierają ten ciąg, za pomocą selektora :contains. Przed wdrożeniem rozwiązania niewrażliwego na wielkość, wyszukiwanie było szybkie i szybkie. Teraz za pomocą tego rozwiązania blokuje się na krótką chwilę po każdym naciśnięciu klawisza.

Jakieś pomysły na to, jak można przyspieszyć to rozwiązanie?

Answer 1

znalazłem inne rozwiązanie szukania bez uwzględniania wielkości liter w Google (patrz Eric Phan), który różni się nieznacznie od tego, z którego początkowo korzystałem.

oryginalny:

return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0; 

EricPhan:

return (a.textContent || a.innerText || "").toLowerCase().indexOf(m[3].toLowerCase())>=0; 

Porównując dwa, można zobaczyć rozwiązanie Erica Phan dostęp DOM atrybutów bezpośrednio i wykorzystuje toLowerCase() zamiast toUpperCase(). Ta ostatnia nie ma znaczenia, ale ta pierwsza poprawiła wydajność wyszukiwania niewrażliwego na wielkość liter. Po prostu zmiana oryginalnego rozwiązania na użytek (a.textContent || a.innerText || "") zamiast jQuery(a).text() zrobiła różnicę!

Teraz jestem trochę ciekawy, więc poniżej pojawia się pytanie: co to za umowa z jQuery.text()? Dlaczego jest tak wolno? Mam swoje założenia, ale chciałbym usłyszeć, co mówią eksperci.

Wreszcie dzięki wszystkim, którzy odpowiedzieli. Doceniam twoją pomoc. =)

Answer 2

możesz spróbować nie sprawdzać po każdym naciśnięciu klawisza, ale być może sekundę po naciśnięciu ostatniego klawisza. w ten sposób nie będziesz ciągle sprawdzać, kiedy użytkownik pisze, ale raczej sprawdza, kiedy użytkownik skończy, lub wstrzymuje pisanie.

Answer 3

Aby dodać do tego, co powiedział jason, możesz spróbować użyć tej funkcji, aby uzyskać this plugin.

Answer 4

Możesz spróbować sprawdzić selektor tylko raz, po tym, jak użytkownik przestał pisać przez określony czas, nie dla każdego naciśnięcia klawisza.

Na przykład, prosta implementacja:

Zastosowanie:

$("#textboxId").keyup(function() { 
    typewatch(function() { 
    // executed only 500 ms after the user stopped typing. 
    }, 500); 

Realizacja:

var typewatch = function(){ 
    var timer = 0; // store the timer id 
    return function(callback, ms){ 
     clearTimeout (timer); // if the function is called before the timeout 
     timer = setTimeout(callback, ms); // clear the timer and start it over 
    } 
}(); 

Answer 5

tutaj jest kontynuacją pytanie: Co umowa z jQuery.text()? Dlaczego tak wolno? tak wolno?

Podejrzewam, że to ze względu na powolny $(a) (konwersja elementu DOM do obiektu jQuery), a nie .text().