Hjem Sosiale medier Hvordan å lage CSS3-programmer kjører raskere med yepnope. js - dummies

Hvordan å lage CSS3-programmer kjører raskere med yepnope. js - dummies

Video: Spinosaurus fishes for prey | Planet Dinosaur | BBC 2024

Video: Spinosaurus fishes for prey | Planet Dinosaur | BBC 2024
Anonim

En del av problemet med nettleserbaserte applikasjoner er at du ber om en enkelt ressurs fra et CSS3-bibliotek og ender opp med hele biblioteket lastet. Prosessen er langsom, besværlig, feilaktig og rett og slett ineffektiv.

Du kan bruke yepnope. js for å bidra til å overvinne disse problemene. Når du arbeider med yepnope. js, du gir en betingelse for at produktet deretter tester, og laster deretter bare ressurser etter behov for å støtte en bestemt tilstand. Du kan bruke dette produktet med CSS3 eller JavaScript-filer.

Heldigvis, yepnopen. js verktøyet går lenger enn bare å laste ressurser basert på forhold. For eksempel vil enkelte programmer sjelden kalle et skript med samme innspillingsparametere flere ganger når bare en utgang er mulig ved å bruke et bestemt sett med innganger. De flere anropene kan vise seg å være spesielt tidkrevende når du ringer til en annen nettadresse.

Du kan bruke yepnope. js for å holde hendelser som dette forekommende. Verktøyet hjelper til med å gjøre applikasjonskoden smartere, så høyt-ventende samtaler unngås når det er mulig.

Et annet problem med skript er at de kan fortsette å løpe, selv når det ikke er noe håp om at de noen gang vil fullføre. Etter en stund klikker brukeren på Back-knappen eller går til et annet nettsted.

Du kan legge til timeout for skript individuelt med yepnope. js slik at det blir mulig å oppdage timeoutene og håndtere dem som feil. Med denne muligheten på plass, er det mulig å gjenopprette fra skript som fortsetter å løpe når de ikke skal.

Det yepnope-sentrale fokuset. js er yepnope () -funksjonen. Det gir en syntaks som ser slik ut:

yepnope ([{test: / * En tilstand du vil teste * /, yep: / * Oppgaver utført når sant. * /, Nope: / * Oppgaver utført når falske * /, begge: / * Oppgaver utført hver gang * /, last: / * Ressurser lastet hver gang * /, tilbakeringing: / * En funksjon å ringe under behandling * /, fullføre: / * En funksjon å ringe etter behandling * /}, …]);

Den grunnleggende ideen er at du lager et scenario der oppgaver utføres basert på spesifikke behov, slik at programmet ikke bruker tid på å utføre unødvendige oppgaver (og sløsing med både tid og ressurser som et resultat). Selvfølgelig, yepnope. js gir mer funksjonalitet enn presentert i denne oversikten, men den korte versjonen er at dette er en smart ressurslaster.

Hvordan å lage CSS3-programmer kjører raskere med yepnope. js - dummies

Redaktørens valg

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Velger et tema i PowerPoint setter temafonter, opprette en skrift for overskriftene dine og en annen for din kroppstekst. Hvis du ikke vil bruke temafonter knyttet til temaet du har valgt, følger du disse trinnene:

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

PowerPoint Handout Master inneholder formateringsinformasjon som er brukes automatisk til PowerPoint-presentasjonen. Du kan endre Handout Master for å dekke dine behov.

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Redusert bilde av PowerPoint-lysbildet, og eventuelle notater som går sammen med lysbildet. Når det skrives ut, formateres sider formatert i henhold til Notes Master. Pass på at du legger til sidetall i høyttalervennene dine. På den måten, hvis du slipper en stabel med notasider, vil du ...

Redaktørens valg

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 gir deg mange måter å interagere med dokumentet. Det er flere tastaturgenveier som kan være en flott tidsbesparende. Med disse hurtigtastene kan du øke hastigheten på tekstredigering og formatering. For å gjøre dette Med tastaturet Start en ny linje i samme avsnitt Shift + Enter Sett inn en sideskift Ctrl + Enter Sett inn ...

Word 2016 Se snarveier - dummier

Word 2016 Se snarveier - dummier

Noensinne føler at du bare ikke har det rette perspektivet? Vel, Word 2016 gjør det enkelt å endre dokumentvisningen slik at du kan få et annet perspektiv. Med disse hurtigtastene kan du bytte mellom ulike visninger i Word 2016. Bytt til denne visningen Med tastaturet Utskriftsoppsett Alt + Ctrl + P Utkast Alt + Ctrl + O Utkast ...

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Den mest grunnleggende typen Programmering, i Word 2016 eller et annet program, er kode som spretter ut en enkel melding på skjermen. Faktisk begynner de aller nybegynnere programmeringsbøkene med et prøveprogram for å vise teksten Hello, World! Word-makroer er ikke forskjellige. Følgende makro, message_popup1, viser en dialogboks ...

Redaktørens valg

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Adobe Creative Suite 5 (AdobeCS5) Illustrator lar deg å plassere tekst inni eller på banen til en lukket form. Disse alternativene er et betydelig tillegg til tekstformatering verktøykassen. Opprette tekst i lukket form Når du legger inn tekst i en form, kan du legge til et spunk i et oppsett. Med denne funksjonen kan du skreddersy ...

Adobe CS5 Illustrator Area Type Tool - dummies

Adobe CS5 Illustrator Area Type Tool - dummies

En enkel og praktisk måte å lage rader og kolonner med tekst på er å bruk områdestypealternativer i Adobe Creative Suite (Adobe CS5) Illustrator. Denne funksjonen lar deg lage rader og kolonner fra et hvilket som helst tekstområde. Du kan bare ha rader eller bare kolonner (som kolonner av tekst i en avis) ...

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe Creative Suite 5 (Adobe CS5) Illustrator inkluderer Clipping Mask funksjonalitet. I likhet med å peering gjennom et hull i et stykke papir til gjenstandene under den, tillater en utklippsmaske et øverste objekt å definere de valgte figurene under den; Med en kappemaske er området rundt den definerende formen imidlertid gjennomsiktig. ...