Jul 3, 2018
123 Views
0 0

VScroll: Virtual Scroll Made Simple

Written by

LIVE PREVIEWBUY FOR $39

 JaguarScript Trusted Af Envato

 30 Dages Money Back Guarantee

 VScroll anmeldelser

Oversigt

VScroll – Virtual Scroll Made Simple.

Vis millioner af rækker og grids uden at påvirke dit website præstationer, ikke en smule. Ikke engang en smule.
Det er en hurtig erstatning for standard browseren rulle og uendelig rulle. Inspireret af Facebook, Twitter og fonts.google.com.

Du kan lede til vores hjemmeside for at læse mere: VScroll

 vscroll funktioner: understøtter millioner af rækker, gitter
 vscroll funktioner: tovejs scroll , ultra fast
 vscroll-funktioner: bufret, responsiv
 vscroll-funktioner: dynamisk, flere tilfælde

Hvorfor bruge VScroll?

"DOM'en er ikke langsom, du er." Hvis du gør dumme ting med DOM'en, det vil udføre dårligt. Som for eksempel at tilføje 100+ liste fuld af elementer vil reducere din hjemmeside ydeevne, det vil også kunne føre til en meget, meget dårlig ydeevne, hvilket vil skade din brugeroplevelse.

Webudviklere har skabt en løsning, den kaldes uendelig scroll-funktion , også kendt som "unpagination", er en teknik, hvor yderligere indhold til en side tilføjes dynamisk, når brugeren nærmer sig slutningen af ​​indholdet. Men der er stadig et problem; Når du ruller ned, begynder siden at blive større og langsommere, det vil begynde at vise ydeevneproblemer.

JaguarScript byggede en bedre udskiftning af standard browser scroll og uendelig rulle. Du har muligvis set denne teknik på Facebooks tidslinje eller på Twitter og det er inspireret af fonts.google.com .

Men hvordan virker det? Det tager en matrix af data og returnerer funktion, der indeholder hvert element baseret på indeks for at oprette DOM (skabelon for hvert element). Det giver kun tilstrækkelig mængde data til at fylde visningsporten ved at implementere en tovejs uendelig rulle teknik. Af ydeevne grunde gør det ikke hver genstand på listen på én gang.
Det kræver en række data, funktion, der genererer og returnerer HTML-skabeloner til hvert element og et HTML-containerelement.

Funktioner

  • Understøtter millioner af rækker: Giver dig mulighed for at vise millioner af rækker og grids uden at skade brugererfaring. Den samme teknologi, som den bruges af store virksomheder som Facebook og Twitter til at vise deres tidslinjer.
  • Gitter: Det er ikke begrænset til en liste. Den understøtter lister, UL'er, tabeller, divs, der kan indeholde noget. Det understøtter også flere kolonner, ligesom fonts.google.com.
  • Tovejs scroll: VScroll giver lige nok data til at udfylde visningsporten ved at implementere en tovejs uendelig rulle.
  • Ultra Hurtigt: Det reducerer ikke websides ydeevne, selvom listen er over 100.000 elementer, har den faktisk mange ydelsesfordele i forhold til standard browser scroll.
  • Buffer: Du kan buffer / prerender de næste og de foregående elementer i DOM.
  • Responsive: Ligesom fonts.google.com.
  • Dynamisk: Det kunne indeholde dynamisk voksende datatabell. Den har en nyttig API, hvor du kan opdatere, opdatere, hurtigt opdatere eller ødelægge din virtuelle rulle.
  • Flere forekomster: Du kan oprette flere forekomster af VScroll, der peger på forskellige data.

Dokumentation

Fuld Dokumentation indeholder Installation, brug, Valg, API og Browser Support er inkluderet i pakken.

Demo

Her er en simpel demo, flere eksempler er inkluderet i pakken: VScroll Virtual Scroll demonstration

Besøg produkt Side

VScroll: Virtual Scroll Made Simple

Browser Support

Google Chrome (4+), Mozilla Firefox (3.5+), Apple Safari (3.2+), Opera (10+), Microsoft Edge , Internet Explorer (9 +)

Source

Article Tags:
Article Categories:
Javascript
ThemeForest best selling themes

Jaeho Park completed a Master in Fine Arts at the Hongik University in 1999, followed by a Master in Photographic Studies at the University of Westminster in 2012. After working for many years as a university professor, designer and curator in South Korea.

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.