), 10 manieren waarop je dit een onmiddellijke verhoging van prestaties,,,,,,,,,, 43, aandelen, 62,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, dit artikel zal het tien stappen, zal onmiddellijk ter verbetering van de prestaties van je script.Maak je geen zorgen, er is hier niets is te moeilijk.Iedereen kan de toepassing van deze methode.Als je klaar bent met lezen, laat het ons weten dat je snelheid.Volg bij het gebruik van de meest recente versie,,, dit is voortdurend in ontwikkeling en verbetering.John en z 'n team zijn in onderzoek naar nieuwe methoden voor het verbeteren van de prestaties van de programma' s, als een buitenstaander, slechts enkele maanden geleden, hij heeft het gesis, verbetering van de prestaties van de programma - dat meer dan drie keer, in de firefox, als je wilt blijven, zonder te downloaden van de bibliotheek, duizend keer, giyf (Google is je vrienden, en in dit geval ook.Google is een bibliotheek voor de selectie van Ajax, <.- met een eenvoudige script. API - > < script type = "tekst /javascript" http: //www. JSAPI src = "COM" > < /scripts > < script type = "tekst /javascript" > /* * * * * * * - dit v1.3.2 beperken dat * /dag ("." en "1.3.2." en {uncompressed: valse}); * Dit is een boodschap in een doos op de pagina 's functie onload (*) (signalering (') + Google API! ")Google.setonloadcallback (;) onload); < /scripts >,,, * Noot van de redactie:,, misschien, dat een eenvoudige en snelle wijze is directe link naar het script.In plaats van de specifieke versie van dit harde code rechtstreeks (1.3.2), moet je met 1 van het automatisch van de bibliotheek, van de nieuwe versie van het script = en < "tekst /javascript" src = 'http: //Ajax. Googleapis. COM ////////1 //Ajax bibliotheek): J' s "> < /. > 2.In combinatie met de inkrimping van je script,,,, de meeste browsers zijn niet in staat om de verwerking van meerdere scenario 's, terwijl ze in de rij... - is de toename van het aantal scenario' s worden geladen in, in de veronderstelling dat je elke pagina van een website, je zou moeten overwegen om Ze in een afzonderlijk document, het gebruik van druk - instrumenten (zoals Dean Edwards) om ze te elimineren.De omvang van het dossier is gelijk aan de kleinere sneller laden.,, de vermindering van de CSS javascript en doelstellingen is het behoud van de kwaliteit van de werking van de code, een vermindering van de totale byte van de voetafdruk (in de oorspronkelijke bepalingen de meeste gzipping javascript en CSS - dienst van de server is te gebruiken Als onderdeel van een compressie http).De compressie van het gebruik van een uitstekend instrument: de officiële reccomends, lagere script.,,, 3.Gebruik voor in plaats van de eigen taken, zijn altijd sneller dan een helper counterparts., als je looping door een voorwerp ontvangen als je zou beter hola, hola, herschrijven, en maken het terug. Je kan een - door die lus easier., met de pyromaan, het is mogelijk om de maatregel de tijd nodig om elk van De twee functies., de VAR - = nieuwe array (); voor (VAR); i< 10.000; I + +) (array [I] = 0;} console. ('native'); var l = array.length; voor (VAR); i< l; I + +) (array [I] = I;} console. Timeend ('native'); ('jquery'); $.each (console. (function (i) {}); array [I] = I; de console. Timeend ('jquery');,,, de bovenstaande resultaten zijn (voor eigen code, en 26ms voor jQuery's "metho."D. Ik heb de machine, die in feite niets gedaan is - die operatie): elke functie die meer dan 10 keer zolang als "primaire" is de ring.Dit zal toenemen in de meer ingewikkelde dingen, zoals de CSS eigenschap of dom, 4.Het gebruik van id, en niet de les, dit is een zeer goede keuze id van het voorwerp van de bibliotheek, omdat de acties: de plaatselijke aanpak van het gebruik van de browser), getelementbyid (), herstel van voorwerpen, leiden tot een zeer snelle vraag, dus, in plaats van gebruik te maken van de klasse van de keuze van de technologie zeer gemakkelijk te maken, met meer complexe - (ook:), schrijf je eigen keuze, en ja, dat is mogelijk, als je niet vindt wat je nodig hebt, of de aanwijzing van een moet je de keuze van de componenten van de container, //voorbeelden voor het creëren van een lijst van projecten en het vullen met voor elk project een console /tijd ("').; (lijst = $("lijst "); het project" var = < ul > "; i = 0; ik < 1 000; + = I + +) (project" < li = "- project"+ I +" > item< /li> "; + ='<} en; /ul>"; list.html (punten); voor (i = 0; i< 1000; I + +) {VAR s = $('.item'+ I);} console. Timeend (klasse); console. ('id "); (lijst = $('#list'); var items ='< ul >"; voor (i = 0; i< 1000; I + +) (punten + ='< li = "item'+ I +" > item< /li> "; + ='<} en; /ul>"; list.html (punten); voor de i< (i = 0;; 1000; I + +) {VAR s = $('#item'+ I);} console. Timeend (' id "); en de bovenstaande code echt toont de verschillen tussen de twee manieren van de selecting elementen, highlighting a never-ending over 5 seconden de tijd om de belasting van de klasse gebaseerde snippet.,,, 5.Geef je keuze in het kader van dit document blijkt,,, dom - context is door. () (als er geen in de context van het dossier, is gelijk aan het gebruik en de keuze van) moeten worden gecombineerd met de vaststelling van precieze vragen.,, dus als je moet gebruik maken van de klassen element van het doelwit, ten minste om te voorkomen dat dit door het hele dom het juiste gebruik van - in plaats van, $(""). ("kleur" "); de keuze van, altijd naar de context, in de vorm van: (uitgedrukt in dollar, dus de context) (" "),"containers). ("kleur", "# 123456"); en het sneller, omdat het niet nodig isdoorkruisen de hele dom containers, 6 dollar.De opslagplaats.Niet altijd, fouten of opnieuw kiezen, keer op keer.Maar je moet het geld in een variabele.Zo dom is geen spoor van je elementen, nog een keer, niet in het verkeer heeft herhaaldelijk de elementen.Dit is een snelheid van de moordenaar.En $('#item'). ('color','#123456'); en ('#item'). ("'); en ('#item'). ('background-color','#ffffff'); ///////gebruik van dit voelde. $('#item'). ('color','#123456'). ("'). ('background-color','#ffffff'); ///////of zelfs var post = $('#item'); item.css ('color','#123456'); item.html ("'); item.css ('background-color', als voor'#ffffff'); ///////2, dit is een grote no-no console. ('no cache'); voor (VAR); i< 1000; I + +) {% ('#list') voegt (i);} console. Timeend ('no; ///////cache') veel beter deze manier console. ('cache'); var post = $('#list'); voor (VAR); i< 1000; I + +) (item.append (i);} console. Timeend ('cache'); en, als de volgende kaart.Voorbeelden zijn de resultaten, zelfs in een relatief korte versie is duidelijk.,,, 7.Om te voorkomen dat de werking van dom, dom operatie moet zoveel mogelijk in werking, want als prepend () () () voegt, na veel tijd kunnen versnellen, de bovenstaande voorbeelden: //europa.eu.int /comm /() de lijst met voorafgaande, (lijst = "; voor (VAR i = 0; ik < 1000; I + +) - de lijst van + =" < li > + M + "< /Lee >";} ("# lijst"), 8 (lijst. Http: //europa.eu.int).Niet gebruiken bij concat () (); meer. Het lijkt misschien een beetje raar, maar dit is echt helpen versnellen, met name in de behandeling van de tekst moet een gangbare praktijk, in de eerste plaats het creëren van een reeks en vul het met je samen.De methode zal dan de string. () () concat functie sneller, var - = [...]; (VAR i = 0; ik < = 10 000; I + +) {- [M] = "< li > + M +" < /Lee > ";} $("lijst). (array.join ()), maar de laatste test, Tom trenka; bijdragen tot de volgende grafiek creëren.,,,, "+ = exploitant snel en dan naar een installatie en touw verbonden waren in de laatste minuten" en "een reeks als buffer is beter. In alle in de browser, firefox 2.0.0.14/windows uitzonderingen, dan de touwtjes in handen. Het prototype. In verband met de toepassing van trenka. Tom,, 9.".Het is vals, misschien is het je opgevallen dat uw functie niet vals, je sprong bovenaan de bladzijde, als meer pagina 's, het is erg irritant. Dus in plaats van,,, $("#). Klik (functie) (///////.});, tijd om te schrijven. (" #). Klik (functie) (///////dingen terug valse;}); 10.Tip - spiekbriefje en een bibliotheek,,, dit is niet een versnelde vaardigheden, maar uiteindelijk, op een omslachtige manier van gaan, als je de tijd om je weg te vinden door de verwijzing naar het spiekbriefje en functie, om tijd te besparen en de handhaving van een beest in je vingertoppen.,, op Twitter ons volgen, of abonnementen nettuts RSS - feeds meer training en ontwikkeling van de website van het dagelijkse.,,,
Tien manieren een onmiddellijke verhoging van de prestaties van uw
Next Page:In dit vak