Backbone.js - Thorax

Om vi ​​undersöker lite om fördelarna med Backbone.js, en av som vi kommer att se är dess låga vikt, men på grund av detta har vi också en liten nackdel, om vi behöver något som går längre måste vi bygga det.
Det intressanta är att denna nackdel redan har setts av många människor och det finns flera tillägg som hjälper oss att göra livet enklare genom att inkludera nya funktioner som kan underlätta utveckling och öka kvaliteten på våra applikationer.
Thorax.js
Backbone.js tillåter oss att lägga till den nödvändiga strukturen för att göra applikationer, men det är inte ett ramverk som sådant, så det har inte ett särskilt sätt att göra saker, detta är en fördel och en nackdel, eftersom det ger oss frihet men också får oss att arbeta en lite mer.
Hur fungerar det?För att jämna ut detta har vi förlängningen Bröstkorg att om du etablerar ett sätt att göra saker med Handtag.js för hantering av vyer, på ett sätt som det motsvarar MarionetteJS, även om det till exempel skiljer sig åt i vissa avseenden MarionetteJS visar dess utvecklingsmönster som API: er av Javascript, I alla fall Bröstkorg det gör detta som mallhjälpare.
Bröstkorg utvecklades för att hjälpa till med skapandet av mobilwebbplatsen för Walmart, som vi redan kan veta att dess nisch är för att kunna betjäna massiva applikationer, kan vi börja med att titta på webbplatsen för Bröstkorg för mer information:

FÖRSTORA

Hej världen!
För att visa lite hur Thorax fungerar vi ska utföra det klassiska exemplet på att visa a "Hej världen!"Med detta kommer vi att kunna göra lite arbete och vi kommer att se omedelbara resultat som kan ge oss några svar.
Låt oss titta på koden för "Hej världen!" I följande bild kan vi på detta sätt förklara hur det är byggt:

Först måste vi definiera en bild av typen Thorax. Visa, med detta kommer vi att ärva motsvarande funktioner som Thorax använder för att kommunicera med Handtag, nästa akt ser vi att vi definierar en nyckel som kallas "Hälsning" och vi tilldelar värdet "Hej", detta hjälper oss så att varje gång vi kallar "hälsning" kan vi skriva ut dess värde.
Genererar mallenSedan genererar vi en mall, för detta berättar vi det "Mall" kommer att vara mallen som genereras med Handtagstangar.compile (), inom denna definition lägger vi till resten av vår "Hej värld!", vi ser att vi inkluderar "hälsning" inom två par hängslen {{}}, med detta säger vi till styret att det ska leta efter värdet av den nyckeln i definition av syn.
Slutligen för att visa vår syn använder vi .appendTo () metod Vad den gör är att lägga till innehållet i önskad väljare, i det här grundläggande exempelfallet har vi valt brödtekst för vårt HTML -dokument.
Med detta avslutar vi denna handledning, som vi ser tillägget Bröstkorg hjälper oss att ge en ny mening till vår applikation med Backbone.js genom att definiera ett sätt att arbeta i visningsdelen, vilket ger oss redan byggda element för att undvika repetitiv kod.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng