stenografie
Dar același lucru se poate face după cum urmează:
Este mai scurt și nu are nevoie să repete numele obiectului. În exemplul de masina un nume foarte scurt, și dacă utilizați invalidUserInSession. Trebuie amintit lyape o astfel de înregistrare în IE. Nu lăsați niciodată înainte de virgulă la final bretele de închidere, altfel vei avea probleme.
Array, de asemenea, o prescurtare. Astfel, adepții școlii vechi poate declara o matrice, după cum urmează:
Dar există o versiune mai scurtă:
Un alt punct care vine la matricele, este că nu există nici un lucru, cum ar fi un tablou asociativ. Puteți găsi mai multe exemple în care de mai sus masina obiect ar fi determinate după cum urmează:
„Matrice asociativă“ - un nume pentru obiectul care urmează să fie confuz.
O altă prescurtare folosită la condițiile. Deci, în loc următorul cod:
În cazul în care condiția va avea o valoare de adevărat. realiza ceea ce vine după un semn de întrebare, ca și în alte cazuri, face ceea ce vine după colon.
JSON ca un format de date
De exemplu, pentru a face descrierea unei trupe de rock, poți:
Ca atare, JSON este, probabil, cel mai simplu mod de a descrie complexe de date - și funcționează într-un browser. Acesta poate fi utilizat chiar și în PHP folosind funcția json_decode ().
Pentru multi, devine o descoperire care funcție matematică și litere mici JavaScript poate face viața mai ușoară. Ele pot fi folosite pentru a elimina buclele și condiții. De exemplu, căutarea pentru cel mai mare număr din șirul de numere pot fi scrise folosind ciclul:
Și este posibil să se realizeze același lucru, fără utilizarea unui ciclu:
Rețineți că funcția de sortare () sorteaza un tablou lexical, deci trebuie să utilizați o funcție de apel invers pentru o matrice numerică pentru a obține ordinea corectă a numerelor.
O altă metodă interesantă - Math.max (). El se întoarce cel mai mare număr din lista de opțiuni:
Deoarece metoda verifică valoarea numerică și returnează cea mai mare dintre ele, acesta poate fi utilizat pentru a determina proprietățile browser-ul de sprijin diferite:
Acesta este un exemplu de rezolvare a problemelor cu Internet Explorer. Puteți citi scrollTop pentru documentul curent, dar în funcție de DOCTYPE documentului sau a altor bunuri va fi setată la. Când se utilizează Math.max () veți obține valoarea corectă, deoarece celălalt este nedefinit.
Alte caracteristici puternice, concepute pentru a manipula siruri de caractere - Split () și să se alăture (). Probabil cel mai bun exemplu de care este clasa CSS element de îmbinare.
Faptul este că atunci când adăugați clasa la un element DOM, pe care doriți să fie adăugați-l ca primă clasă sau ca o clasă suplimentară cu un spațiu în fața lui. Atunci când o clasă se elimină, de asemenea, este necesar să se elimine și spațiu (care a devenit foarte importantă în ultimii ani, deoarece unele browsere nu implică clase, spații trailing).
Deci, funcția inițială va fi după cum urmează:
Este posibil pentru a automatiza operațiunea folosind split () și să se alăture ().
Astfel, în mod automat clase sunt separate prin spații, iar la sfârșitul unei noi clase este adăugată.
evenimente deleganți
Evenimentele fac munca de aplicații web. Acestea vă permit să se extindă funcționalitatea, fără a atinge codul aplicației de bază. Problema principală este că evenimentele pot fi pierdute: utilizați un eveniment interceptoare pentru un anumit element, acesta devine activ, dar nu se întâmplă nimic. Trebuie să acceptăm faptul că browsere (cum ar fi IE6) au tot felul de probleme de memorie și folosesc prea multe evenimente diferite. Prin urmare, înțelept să nu folosească o mulțime de manipulare în evenimentele documentului.
În acest caz, potrivit tehnica de delegare eveniment. În cazul în care are loc un eveniment pentru un anumit element și toate celelalte elemente care sunt deasupra ei în ierarhia DOM, puteți simplifica procesarea evenimentului folosind un procesor, nu mai multe.
Dar același lucru se poate face într-un singur eveniment handler:
Deoarece evenimentul are loc pe lista tuturor elementelor, tot ce trebuie - este de a compara nodeName cu un element care reacționează la eveniment.
Restricții: Atât exemplul de mai sus, sunt proiectate să funcționeze în browsere, și se execută o eroare în IE6. Pentru IE6 trebuie să utilizeze modelul de eveniment, diferit de W3C. Prin urmare, pentru trucuri folosite de bibliotecă.
Avantajul acestei abordări este mai mult decât utilizarea unui singur tratare a evenimentului. Să presupunem că doriți să adăugați dinamic link-uri la lista ta. Odată cu delegarea de evenimente nu trebuie să modificați nimic. În cazul unui eveniment de procesare simplu va trebui să realocați Stivuitoare eveniment și lista de re-pass ciclu.
Funcții anonime și șabloane module
REMEDIERE este de a încapsula variabilele într-o funcție anonim și numesc această funcție după determinarea acestuia. De exemplu, ca rezultat al următoarei definiții trei variabile globale și două funcții globale:
Orice alt script pe pagină, care are o variabilă cu numele statutului, poate fi o sursă de probleme. Dacă înfășurați toate funcțiile și variabilele numele definite, de exemplu, MyApplication. atunci un astfel de conflict, vor fi excluse:
Această abordare nu schimbă nimic în afara funcției. Dacă tot ce ai nevoie este izolarea variabilelor, numele funcției poate fi omisă:
Aceasta se numește modelul modulului. Această metodă este folosită pe scară largă în biblioteca Yahoo UI. Folosind o sintaxă diferită pentru accesarea variabile și funcții din lumea exterioară poate tulpina. În plus, trebuie să folosim numele modulului precedent (în exemplul MyApplication nostru). Puteți fi scurtat oarecum de înregistrare prin indicii de returnare a elementelor care sunt necesare pentru a face publice. Astfel, pot fi folosite mai scurte nume:
Furnizarea de opțiuni de configurare
De multe ori, ei trebuie să fie modificate prin utilizarea script-uri altor oameni. Motivul este că este foarte dificil să se stabilească ceva pentru a se potrivi nevoilor dumneavoastră și trebuie să modificați codul.
Pentru a evita o astfel de situație, puteți adăuga un obiect de configurare pentru script-uri lor. Aici este esența de bază a acestei acțiuni:
- Asigurați-un obiect care va face parte din script-ul, si suna-l configurare.
- Este necesar să se păstreze toate celelalte ca mine atunci când folosesc script-uri altor persoane:
- Numele de identitate CSS și clasă;
- Linii (etichete) pentru generarea de chei;
- Valori precum „numărul de imagini de afișare,“ „cărți de mărime“;
- instalații locale diferite.
- Obiectul trebuie să fie proprietate publică. astfel încât ceilalți pot schimba.
Aproape toate codificării descrisă mai sus se efectuează în etapa finală.
De fapt, da altora posibilitatea de a utiliza codul dvs. și modificați-l cu ușurință nevoilor dumneavoastra.
Date Interactivitate pentru fundal
Desigur, puteți obține un JSON-P de la serviciul web ca răspuns la cererea și de a face conversia datelor de pe partea de client. Dar de ce face acest lucru dacă aveți un server care are o capacitate mult mai mare de conversie de date și apoi le returnați ca JSON sau HTML, chiar și la fel și le pot cache pentru a încărca?
Dacă intenționați să utilizați AJAX, HTTP și să învețe pentru a crea propriul proxy cache și de conversie. Astfel, veți economisi o mulțime de timp și de nervi în cursul dezvoltării proiectului.
cod special pentru browser - timp pierdut. Utilizarea bibliotecii!
Dacă te uiți la istoria dezvoltării de tehnologii web, este posibil să se constate un număr mare de diferite concepte care au venit și au plecat. Unii dintre ei au fost bune, altele nu atât de mult. Dar multe dintre ele sunt strâns legate de orice browser. Și dezvoltatorii care au petrecut timp în codul care acceptă cele mai recente tendințe în cele din urmă sa dovedit a fi lăsat cu nimic. Deoarece tehnologia este lăsată pe piață, și cu ea a devenit nu au nevoie de toate cunoștințele și experiența utilizării sale.
Desigur, experiența de a scrie cod este întotdeauna cu tine, dar nu se poate angaja în lucruri mai productive, care lasă în urmă o urmă în istorie?
Biblioteci, de exemplu, YUI, jQuery, și Dojo, ajutând dezvoltatorii să creeze aplicații cross-browser. Ei iau cu privire la problemele de browser: funcțiile slabe de implementare intruneasca standarde, erori de codificare. În plus, bibliotecile ajută să scape de operațiuni de rutină.
Dacă nu faci o testare browser-ul beta, ca un mare fan al ei, ar trebui să nu inserarea specifică de cod pentru ea. Va fi foarte trist atunci când acestea trebuie să fie eliminate.
Prin obținerea de informații de la două canale (vedere si auz) eficacitatea instruirii de învățare departe superioare de cărți. O temele pentru acasă și teste on-line vă va permite să se gândească în mod constant în limba țintă și imediat verifica cunoștințele!
Dacă doriți o lungă perioadă de timp pentru a studia modul în HTML, mi-ai, pentru ai vesti bune!
Dacă ați învățat deja HTML și doresc să avanseze, următorul pas va fi de a studia tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!