ro
English
Español
Slovenčina
Deutsch
Français
Italiano
Português
Polski
Čeština
Nederlands
Magyar
Svenska
Ελληνικά
БългарскиjComponent 20 (frontend)
Componente, pluginuri, legarea datelor și tot ce rulează în browser.
Primii pași cu jComponent 20
Încarcă bundle-ul jComponent, setează o valoare în starea globală și afișeaz-o cu un element ui-bind.
Citirea, schimbarea și urmărirea stării
Folosește SET, GET, UPD, PUSH și WATCH ca să lucrezi cu starea globală și să reacționezi când o cale se schimbă.
Scrierea unei componente jComponent proprii
Înregistrează o componentă reutilizabilă cu COMPONENT(), randeaz-o în make(), reacționează la schimbările de stare în setter() și scrie înapoi cu set().
Configurarea unei componente și reconfigurarea ei ulterioară
Dă unei componente opțiuni implicite, suprascrie-le în atributul config, reacționează în configure() și schimbă-le la rulare cu reconfigure().
Ciclul de viață al unei componente: make, setter și destroy
Află când jComponent creează, actualizează și elimină o componentă și curăță temporizatoarele și ascultătorii în destroy().
Validarea intrării cu validate() al unei componente
Implementează validate() într-o componentă, citește stările invalid, touched și modified și găsește câmpurile invalide cu ERRORS().
Path prefixele: comune, liste de coduri, stații temporare și pași plugin
Primul personaj al unei căi jComponent alege unde trăiește valoarea: * starea comună, # listele de coduri, % starea temporară, ? starea plugin-ului și plugin-ul|Proprietatea unui obiect plugin.
Încărcarea unei biblioteci înainte ca o componentă să pornească
Enumeră scripturi și stiluri ca dependențe ale unei componente ca jComponent să le descarce o singură dată și să pornească componenta după aceea.
Extinderea componentelor și a plugin-urilor cu EXTENSION
Adaugă comportament unei componente existente din exterior, fără să-i editezi codul sursă, cu EXTENSION().
Afișarea, ascunderea și stilizarea elementelor cu ui-bind
Folosește comenzile ui-bind ca să comuți vizibilitatea, clasele și HTML-ul din stare, fără să scrii cod DOM.
Randarea listelor cu un șablon ui-bind
Pune un șablon Tangular în ui-bind cu comanda template ca să randezi array-uri și obiecte de fiecare dată când datele se schimbă.
Mai multe comenzi ui-bind: atribute, valori, stare și formatare
Setează HTML, atribute, valori de formular, starea dezactivat și un format de text din stare cu comenzi ui-bind.
Ui-bind: fiecare comandă, opțiune și atribut
Toate comenzi ale ui-bind cu ceea ce face fiecare, opțiunile care controlează atunci când rulează și atributele care aleg elementul țintă.
Referință de exemplu: proprietăți și metode de sine
Declarația unui component jComponent 20 și ceea ce oferă instanta sa: proprietăți, metode de valoare, asistente DOM, evenimente, monitorizatori și comenzi.
Gruparea stării și a logicii într-un plugin jComponent
Declară un plugin cu PLUGIN() și atașează-l unei părți a paginii cu ui-plugin, folosind ? drept propria lui cale.
Rutează paginile în browser fără reîncărcare
Înregistrează rute pe partea de client cu ROUTE(), navighează cu REDIRECT(), citește parametrii URL și query string-ul din NAV și revino în istoric.
Încărcarea unor părți ale paginii cu ui-import
Adu o parte HTML de pe server într-un element cu ui-import sau IMPORT() și lasă partea să-și poarte propriile componente.
Apelarea codului cu comenzi și EXEC
Înregistrează comenzi cu component.command() și apelează-le cu CMD(), sau apelează o metodă de plugin cu EXEC('plugin/method').
Trimiterea de evenimente între componente cu ON și EMIT
Decuplează părți ale paginii cu evenimente globale: EMIT() anunță ceva, ON() ascultă, OFF() nu mai ascultă.
Stocarea datelor în browser cu CACHE, PREF și COOKIES
Păstrează valori între vizite cu CACHE (cu expirare), PREF (preferințe ale utilizatorului) și COOKIES.
Partajarea setărilor cu ENV și sintaxa [key]
Înregistrează valori cu ENV() și folosește-le în URL-uri și în configurația componentelor cu substituentul [key].
Încărcarea datelor dintr-o rută Total.js cu AJAX
Apelează o rută Total.js din pagină cu AJAX() și pune răspunsul în starea jComponent.
Apelarea rutelor API Total.js cu API()
Folosește API(url, name, data, callback) ca să apelezi acțiunile unui endpoint ROUTE('API ...'), inclusiv erorile de validare.
Încărcarea fișierelor cu UPLOAD() și progres
Trimite un FormData către o rută @upload din Total.js cu UPLOAD() și urmărește progresul.
Helperi mici: GUID, HASH, parseConfig, format și group
Folosește funcțiile ajutătoare pe care le adaugă jComponent: id-uri aleatorii, hash-uri, șiruri de configurare, formatarea textului și a datelor și gruparea.
Scurtături ale stării: INC, TOGGLE, NUL, UPDATE, UNWATCH, WAIT, BLOCKED și CACHEPATH
Funcții mici care schimbă sau urmăresc o valoare a stării după calea ei, așteaptă până când există o valoare, rulează ceva o singură dată într-o perioadă și păstrează o valoare a stării în cache.
Ajutoare pentru date: QUERIFY, STRINGIFY, ENCRYPT, FN, CL, TRANSLATE, UNAUTHORIZED și Thelpers
Construiește șiruri de interogare, scrie JSON fără ce nu vrei, codifică o valoare cu o cheie, compilează o expresie, încarcă liste de valori, tradu texte, verifică permisiuni și adaugă ajutoare șabloanelor.
Ajutoare DOM: ATTRD, HIDDEN, VISIBLE, WIDTH, STYLE, NODEMOVE, DIFFDOM și APPEARANCE
Citește atribute data, întreabă dacă un element este afișat sau pe ecran, adaugă stiluri pe care le poți înlocui, mută elemente în părintele lor, actualizează o listă fără să o redesenezi și setează culorile și modul întunecat al paginii.
Găsește și apelează componente și pluginuri: FIND, COMPONENTS, SETTER, EXE, TAPI, MIDDLEWARE și ADAPT
Caută componentele paginii după nume sau cale, apelează o metodă a mai multor componente deodată, apelează funcții după nume, folosește două adrese API cu TAPI și PIPE, rulează middleware înainte de o rută și înlocuiește marcajele unui text.
Trimite flag-uri de cale personalizate cu FLAGS
Execută flag-uri personalizate, observă evenimentele lor și distinge-le de schimbările modelului și de flag-urile de stare rezervate.