Útmutató kezdőknek választott javascript keretrendszer

Lássuk, hogy pontosan ezek az erős keretek, amelyek segítenek elérni a feladat.

Sok lehetőség van, amikor kiválasztják a keret, akkor egy listát a legnépszerűbb ma: Vue reagálnak, Sarki és Ember. Mindegyikük úgy választották szerint a növekedés a közösség, a stabilitás, a tevékenység GitHub, milyen időközönként technológia már elérhető a fejlesztők számára, valamint annak alapján, amit használnak, hogy nagyszámú technológiai vállalatok és fejlesztők.

Útmutató kezdőknek választott javascript keretrendszer

Vue - progresszív, elérhető keretet, ugyanakkor multi-funkcionális és produktív. Ha ismeri az alapokat a jó öreg HTML, CSS, JS, akkor könnyen elsajátítsák a Vue.

„A lényege a könyvtár létre, hogy csak a prezentációs logikát (részletek), és könnyen integrálható más könyvtárak és projektek. Másrészt, a Vue tökéletesen lehet egyoldalas alkalmazás (SPA) együtt használva a modern eszközök és könyvtárak. „- bevezetés a dokumentációs VueJS

Az alábbiakban egy példa látható a szintaxis egy egyszerű „Hello World”:

Egy érdekes példa segítségével attribútum értékeit ( „attribútum értékek”) a jelölésben:

Vue.js lehetővé teszi, hogy az adatokat a felhasználó által megadott, hozzon létre egy sablont komponens (összetevő sablonok). kötődnek az adatokat a DOM szerkezet a feltételek és ciklusok, valamint a deklaratív térképezés ( „deklaratív rendering”), egy egyszerű szintaxis-alapú web alkatrész előírásokat.

Útmutató kezdőknek választott javascript keretrendszer

Nézzünk egy példát a szintaxis közvetlenül a bevezető bemutató reagál dokumentációt. Ez a példa azt mutatja, hogyan lehet létrehozni egy úgynevezett „Component alosztályok” is vannak más típusú elemek. Mint azt bizonyára látható, a szintaxis hasonló XML:

Források tanulás:

Útmutató kezdőknek választott javascript keretrendszer

Szög a Google által fejlesztett csapat. Mivel a HTML sosem tekintették dinamikus nyelv, Sarki kiterjeszti a HTML hozzáadásával attribútumok, amelyek képesek dinamikusan módosítani az elrendezést. Ennek eredményeként, ez lehetővé teszi, hogy a deklaratív árukapcsolás ( „deklaratív kötések”), hogy az események, hogy megjelenítse a dinamikus adatok és az államok a felhasználói interakció. Akkor is jelentős adatszolgáltatási követelményeket az építési ezek a modellek segítségével RxJS. Immutable.js vagy bármely más Push-modell technológia. És ha kiterjeszti a sablon nyelv, annak összetevői, vagy hogy egy széles körű meglévő összetevőket.

„Ismerje meg, hogyan kell építeni alkalmazások szögletes, és újra a kódot, és lehetőséget építeni alkalmazások bármilyen végső céljait. Legyen web, mobil web, natív webes vagy asztali priloezhniya. "

Syntax Szög nem jelentenek semmi újat, ez ugyanaz a HTML attribútumokat és bajusz-szerű helyőrzők, kivéve, hogy az attribútum adjuk a helyet NG neveket. Mindez látható az alábbi példát:

Szög is épített elemek, amelyek kombinációja HTML sablonok és alkatrész osztályok, amelyek ellenőrzik a képernyőn.

Útmutató kezdőknek választott javascript keretrendszer

Ember jön létre a csomópont és használ sok node.js modulok dolgozni. Ember is van egy parancssori felület (ez állítható be NPM), amely a projekt általános felépítése és egy sor fejlesztési eszközök, beleértve a kiegészítéseket a rendszer. Amellett, hogy jön a fejlesztési szerver, valamint a különleges zászlók a projekt épít környezet, amely lehet továbbítani a parancssorból.

A fenti példa egy egyszerű példa a fájl szerkezetét és szintaxis. Ez a kód az export és bővíteni Ember vezérlő és összeállítja tárgyak neveit az elrendezés.

következtetés

A választás a keret függ az egyéni preferencia és a bizalom a tény, hogy folyamatos üzemre alkalmas a projekt. Ha szeretne többet mélyen és hasonlítsa össze keretek Vue az oldalon van egy részletes összehasonlítást. Tartalmazza továbbá az egyéb könyvtárak, például a Knockout, Polymer és Riot. Ezen felül, akkor át tesztünk létre annak érdekében, hogy segítsen meghatározni a választás.

  • Útmutató kezdőknek választott javascript keretrendszer

Útmutató kezdőknek választott javascript keretrendszer

Kapcsolódó cikkek