Să vedem exact aceste cadre puternice care ajuta la realizarea sarcinii.
Există mai multe opțiuni atunci când aleg un cadru, apoi o listă cu cele mai populare astăzi: Vue, React, unghiular și Ember. Fiecare dintre ele a fost aleasă în funcție de creșterea comunității, stabilitatea, activitatea pe Github, intervalele la care tehnologia a fost disponibil pentru dezvoltatori, precum și în funcție de ceea ce se utilizează, dacă un număr mare de companii de tehnologie și dezvoltatori.
Vue - cadru progresiv, accesibil, în același timp, multi-funcțional și productiv. Dacă sunteți familiarizat cu elementele de bază de cod HTML vechi, CSS, JS, puteți maestru cu ușurință Vue.
„Nucleul bibliotecii create pentru a lucra numai cu logica de prezentare (vizualizare), și este ușor de integrat cu alte biblioteci și proiecte. Pe de altă parte, Vue este perfect pentru a face aplicație-o pagină (SPA), atunci când sunt utilizate cu instrumente și biblioteci moderne. „- o introducere la VueJS documentare
Mai jos putem vedea un exemplu de sintaxa unui simplu „Hello World“:
O mai interesante exemple folosind valori de atribute ( „valorile atributului“) în marcare:
Vue.js vă permite să prelucreze datele introduse de către utilizator, de a crea o componentă șablon (template-uri de componente). datele se leagă la structura DOM a condițiilor și ciclurile, precum și cartografierea declarativă ( „rendering declarativă“), cu un simplu specificații componente web sintaxă.
Să ne uităm la un exemplu de sintaxa direct din tutorial introductiv React documentare. Acest exemplu arată cum să creați o așa-numitele „subclase Component“, există și alte tipuri de componente. După cum probabil se poate vedea, sintaxa este similar cu XML:
Resurse pentru învățare:
Angulară dezvoltat de echipa Google. Deoarece HTML nu a fost conceput ca un limbaj dinamic, unghiular se extinde HTML prin adăugarea unui set de atribute care pot modifica în mod dinamic aspectul. Ca urmare, vă permite să facă o vânzare legată declarativă ( „legăturile declarative“) la evenimente, pentru a afișa date dinamice și state, pe baza interacțiunii utilizatorului. Puteți face față cerințelor semnificative de date în construirea acestor modele folosind RxJS. Immutable.js sau orice altă tehnologie Push-model. Și puteți extinde limba șablon, componentele sale, sau de a utiliza o gamă largă de componente existente.
„Aflați cum să construiască aplicații pe unghiulare și reutilizarea codului și oportunitățile pentru a construi aplicații pentru orice scopuri finale. Fie ca este vorba de web, web mobil, web nativ sau priloezhniya pe desktop ".
Sintaxă unghiulară nu reprezintă nimic nou, este aceleași atribute HTML și Substitute Moustache-esque, cu excepția faptului că atributul este adăugat la numele spațiul NG-. Toate acestea pot fi văzute în exemplul de mai jos:
Angulară, de asemenea, construite din componente, care sunt o combinație de template-uri HTML și clase de componente care controlează ecranul.
Ember este creat pe Nodul și folosește mai multe module Node.js la locul de muncă. Ember are, de asemenea, o interfață de linie de comandă (poate fi setat prin NPM), oferind structura generală a proiectului și un set de instrumente de dezvoltare, inclusiv adăugiri la sistem. În plus față este vorba de serverul de dezvoltare, precum și steaguri speciale pentru mediul de proiect construi, care pot fi transmise prin intermediul liniei de comandă.
Exemplul de mai sus este un exemplu simplu de structura de fișiere și sintaxa. Acest cod de export și de a extinde controler Ember și compila numele obiectelor din aspectul.
concluzie
Alegerea cadrului depinde de preferințele personale și încrederea în faptul că este potrivit pentru funcționare continuă pe proiectul dumneavoastră. Dacă doriți să aflați mai profund și să compare cadre, Vue pe site-ul există o comparație detaliată. include, de asemenea, informații despre alte biblioteci, cum ar fi Knockout, polimer și Riot. În plus, puteți trece testul nostru, creat pentru a ajuta la determinarea alegerii.
