2008 13 września 2008

JavaScript: strona internetowa Edytuj w przeglądarce

Cóż, muszę powiedzieć, nie, takie przydatne kawałek nauki, ale jeśli są Web Developer, może się przydać, kiedyś (lub prawda?). Oto mały bookmarklet, który pozwala edytować strony WWW dowolnej witryny.
Oraz Sorry! Możesz zapisać wyniki na komputerze lokalnym tylko.

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


2008 15 maja 2008

Dobre praktyki: Praca z JavaScript-tych

Włącz JavaScript jest u dołu dokumentu HTML

Jeśli nie masz document.write (lub dynamiczne generowanie zawartości strony za pomocą javascripts), aby wstawić fragment strony treści w skryptach, przenieść skrypt include na dole strony, przed końcem znacznika BODY.
HTTP/1.1 specyfikacja sugeruje, że przeglądarki pobrać nie więcej niż dwa elementy równolegle na nazwę hosta. Jeśli służyć obrazów z wielu hostów, można uzyskać więcej niż dwa pobrania występować równolegle. Podczas gdy skrypt jest pobieranie, jednak przeglądarka nie rozpocznie żadnych innych pobieranie, nawet na różnych hostów.
Istnieją również sposoby do dynamicznego tworzenia węzłów SCRIPT i załadować zdalnych skryptów po załadowaniu strony przy użyciu AJAX.

Uzewnętrznić wam JavaScript tych

Korzystanie z zewnętrznych plików JavaScript spowoduje szybsze ładowanie stron, ponieważ pliki JavaScript są buforowane przez przeglądarkę. Inline JavaScript w "w dokumentach HTML dostać pobierane za każdym razem dokument HTML jest wymagane. To może rzeczywiście zmniejszyć liczbę żądań HTTP wykonanych lecz następnie zwiększa rozmiar dokumentu HTML. Zewnętrzne JavaScript tych są buforowane przez przeglądarkę, rozmiar dokumentu HTML jest zmniejszona bez zwiększania liczby żądań HTTP.
Należy pamiętać, że jeśli użytkownicy witryny mają wiele odsłon na sesję i wielu stron ponownie wykorzystują te same skrypty i arkusze stylów, istnieje większe potencjalne korzyści z buforowanych plików zewnętrznych.

Spakuj pliki JavaScript

W przypadku JavaSkrypty, w przeciwieństwie do CSS, pliki mogą nawał korzystania z niektórych standardowych algorytmów, które dałyby obniżoną rozmiar niż zwykłe usunięcie spacji lub tabulacji. Przykładem javascript paczkującego można znaleźć tutaj http://dean.edwards.name/packer/

Pozbądź każdego duplikatu Skrypty

Jest to bardzo niezwykłe, że całe skrypty mogą być kopiowane, ale przegląd dziesięciu najlepszych amerykańskich stron internetowych pokazuje, że dwie z nich zawierają zduplikowany scenariusz. Duplikaty skrypty ale oczywiście zmniejsza wydajność tworzenia niepotrzebnych żądań HTTP i zmarnowane uruchamianie skryptów JavaScript.
Ponadto, w wielu przypadkach, choć skrypty nazwy są różne, istnieje prawdopodobieństwo duplikatów skryptów w obrębie tej samej strony ze względu na wielkość zespołu i liczbę skryptów.

Zminimalizować dostęp do elementów DOM w miarę możliwości

Dostęp do elementów DOM z JavaScript jest powolny, tak aby mieć bardziej sprawną stronę, należy:
• referencje Cache na dostęp elementów
: • węzły Aktualizacja "offline", a następnie dodać je do drzewa
• Należy unikać mocowania układu z JavaScript

Oddzielne zachowanie od treści i prezentacji

Tak jak oddzielna prezentacja (CSS / XSLT) z treści ust XHTML / XML), warto również oddzielić zachowania (JavaScript). To się nazywa dyskretny Javascript. Podobnie jak linki do zewnętrznych plików CSS, powinniśmy połączyć się do zewnętrznych plików javascript.

Zamiast twardego zachowanie kodowania do treści (np. onmouseover, onclick, itp.), zachowanie powinno być dynamicznie dodawane do elementów, klas i unikalnych elementów (IDS) wykorzystujących DOM. Podstawowy dokument, treści, powinien zawierać tylko prawidłowym XHTML / XML i JavaScript nie.
Javascript should poszerzyć zawartość dodając zachowanie. Treść powinna być przydatny i użyteczny bez javascript (lub bez pełnej obsłudze JavaScript).


NDK startowej | Wyrażając IT | Podniebienie Wyrażając | Penmenship Wyrażając | Awe Wyrażając | Wyrażając Myself