2008 13 september 2008

JavaScript: bewerken webpagina in browser

Nou, ik moet zeggen, niet zo'n handige stuk van de wetenschap, maar als je een Web Developer, zou kunnen komen handig, op een dag (of toch niet?). Hier is kleine bookmarklet, die het mogelijk maakt om de webpagina te bewerken voor elke site.
En Sorry! U kunt de resultaten alleen te slaan op uw lokale computer.

javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0


2008 15 mei 2008

Best Practices: Werken met JavaScript's

Inclusief JavaScript's aan de onderkant van de HTML-document

Als u niet beschikt over document.write (of een dynamische generatie van de pagina-inhoud met behulp van javascripts) om een ​​deel van de inhoud van de pagina in te voegen in uw scripts, verplaatst u de script toe te voegen verklaring aan de onderkant van de pagina, voor het einde van de BODY tag.
De HTTP/1.1 specificatie blijkt dat browsers niet meer dan twee componenten te downloaden in parallel per hostnaam. Als u van dienst uw afbeeldingen van meerdere hostnamen, kunt u meer dan twee downloads voor te komen in parallel. Terwijl een script downloaden, echter, zal de browser niet starten een andere downloads, zelfs op verschillende hostnamen.
Er zijn ook manieren om dynamisch SCRIPT knooppunten en te laden op afstand scripts nadat de pagina is geladen met behulp van AJAX.

Externaliseren u JavaScript's

Gebruik van externe JavaScript-bestanden zal resulteren in een snellere laden van pagina's, omdat de JavaScript-bestanden in de cache van de browser. Inline JavaScript's "in HTML-documenten krijgen gedownload elke keer dat de HTML-document wordt gevraagd. Dit kan zelfs het aantal van de gemaakte HTTP-verzoeken, maar vervolgens neemt de grootte van het HTML-document. Externe JavaScript's worden gecached door de browser, de grootte van het HTML-document wordt verminderd zonder toename van het aantal HTTP-verzoeken.
Let op: Als gebruikers van uw site hebben meerdere bekeken pagina's per sessie en veel van uw pagina's weer gebruik maken van dezelfde scripts en stylesheets, is er een groter potentieel voordeel uit externe bestanden in de cache.

Pak uw JavaScript-bestanden

In het geval van JavaScripts, in tegenstelling tot de CSS, kunnen de bestanden gekraakt met behulp van een aantal standaard algoritmen die een kleinere bestanden dan alleen het verwijderen van spaties of tabs zou geven. Een voorbeeld van javascript verpakker kan hier http://dean.edwards.name/packer/ te vinden

Weg met alle dubbele Scripts

Het is zeer ongebruikelijk dat hele scripts kan worden gedupliceerd, maar een evaluatie van de tien top van de Amerikaanse websites blijkt dat twee van hen een dubbel script bevatten. Dubbele scripts maar uiteraard vermindert de prestaties door het creëren van onnodige HTTP-verzoeken en verspilling van JavaScript-uitvoering.
Ook in veel gevallen, maar de scripts namen verschillend zijn, is er een kans van dubbele scripts in dezelfde pagina als gevolg van het team grootte en het aantal scripts.

Beperk de toegang tot DOM-elementen waar mogelijk

Toegang tot DOM-elementen met JavaScript is traag, zodat het oog op een meer responsieve pagina, moet u beschikken over:
• Cache verwijzingen naar toegankelijk elementen
• Update nodes "offline" en dan voeg ze toe aan de boom
• Vermijd vaststelling van lay-out met JavaScript

Aparte Gedrag van inhoud en presentatie

Net zoals we afzonderlijke presentatie (CSS / XSLT) van Content (XHTML / XML), moeten we ook het gedrag te scheiden (Javascript). Dit is de zogenaamde onopvallende Javascript. Net zoals we linken naar externe CSS-bestanden, moeten we linken naar externe javascript bestanden.

In plaats van hard te coderen gedrag in de inhoud (bv. onmouseover, onclick, enz.), moet het gedrag van dynamisch worden toegevoegd aan de elementen, klassen en unieke elementen (ID's) met behulp van de DOM. De fundamentele document, de inhoud, mag alleen een geldig XHTML / XML en geen javascript.
Javascript moet vergroten inhoud door het toevoegen van gedrag. De inhoud moet blijven nuttig en bruikbaar zonder javascript (of zonder volledige JavaScript-ondersteuning).


NDK huis | Te drukken | Het uiten van Smaak | Het uiten van Penmenship | Het uiten van Awe | Het uiten van Myself