. Is handlebars.js - achter de schermen,,,,,,,,,,, uitwisseling van aandelen, 79,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen, en de in het kader van een., is als een vallende ster en toepassing van ember.js populair, maar echt in deze opwindende scène van de statistieken betreffende het template van de motor?In dit artikel zullen we het grondig onderzoek van de door de opstelling van een model van je.,,, dit artikel wil dat je gelezen voordat ik het stuur, dat weet je het creëren van het model van een model, als je weet dat je Handlebars mogelijk begin van de opstelling van de bron van het model in het gebruik van een functie. (de). Veroorzaakt, en je gebruikt de functie om uiteindelijk: //europa.eu.int /comm /door toekenning en vervanging van de waarde, maar dit lijkt eenvoudig stellen in feite doet een paar stappen achter de schermen, dit is de echte wil. We zijn op een proces van snelle ontbinding van de Etikettering:,, T -Hij de bron van onderdelen, de behandeling van elk teken voor een operatie, de omschakeling of in een functie, en de produktie van de context en de werking van een aantal medewerkers: //europa.eu.int /comm /.,, wordt in dit artikel zullen we de oprichting van een analyse - instrument, in elk van deze maatregelen Aan de vorm van bestuur, waaruit blijkt dat op het scherm een goed punt, zal ik de enige verou met prism.js syntaxis van het leren.DOWNLOAD bron nog naar het javascript deel, de volgende stap is het creëren van een blanco: //europa.eu.int /comm /documenten en vul het met de volgende: <.Doctype HTML> < http: //europa.eu.int xmlns= "http://www.w3.org/1999/html" > < head> < title> Handlebars.js< /title> < link rel = "stylesheet": /prism.css "> < /p> < script src =" prism.js "data-manual> < /script> < script src =" handlebars.js "> lt; /script> < /head> < body> < div =" analyse "> < div =" fiches "> < h1> Tokens:< /h1> < /div> < div =" acties "> < h1> Operations:< /h1> < /div> < di =" output "> < h1> Output:< /h1> < /div> < div =" functionele "> < h1> Function:< /h1> < PRE > < code = "javascript" = "bronnen" > < /code > < /- > < /div > < /div > < het script id = "dt" = "model /fiets /> < script> < script> ///////code zal hier < /scripts > < /body > < /html >, het is maar een model code bestaat uit grote en PRISMA en de Vaststelling van verschillende stappen een div.Op de bodem, zie je de twee scenario 's: ten eerste is het tweede blok is ons model, het is code, ik schreef ook een CSS alles beter voor je vrij, wordt toegevoegd:, oude lichaam (marge: 0; 0; het lettertype familie: "opensans", Ariel, sans serif; achtergrond:&#f5f2f0; de lettergrootte: analyse van de Top van&#beer te vangen;} {0: 0; links: de positie van de absolute; breedte:;: 100%; lengte: 100%; de marge: 0; oude 0;}&#analyse DIV (breedte: 33,33%; de hoogte: 50%; drijvende: links, oude doos afmetingen: de grens van 10 pixels 20px; KIT, overloop: auto' s} {# functie;Breedte: 100%.Belangrijke;}, we moeten een model, dus laten we van de meest eenvoudige modellen kunnen alleen van een statische tekst:, < het script id = "dt =" model "hallo" > /aan de wereld.< /scripts > < script> var src = documenten. GetElementById (DT).InnerHTML. Knippen (); ///////de produktie aan de variabele t = aan de BAR. De opstelling (SRC); doc. GetElementById ("output").InnerHTML + = t (); < /scripts >, open de navigatie - pagina 's in de in het model van de resultaten moeten de doos geeft niet wat anders, maar we moeten nu de code voor de analyse van elk van de andere drie fasen.,,,, Token, de eerste stap is om de Uitvoering van het model met de bron, en dat betekent dat we nodig hebben om de bron in elk onderdeel van het. We kunnen omgaan met alles.Bijvoorbeeld, als er een reserve aan de tekst, dan zal de inhoud van de afzonderlijke, voordat de reserve geplaatst in een teken, dan zou bijvoorbeeld zelf in een teken, en ten slotte de tekst bijvoorbeeld alle zullen worden in het derde teken.Dat is omdat die nodig om het behoud van het model, maar ze moet ook de verschillende behandeling van dit proces is, door gebruik te maken van zijn, aan de BAR. (), functie, en je krijgt een object, met inbegrip van alle segmenten of "verklaring", voor een betere uitleg van wat ik zei, laten we tot elke een lid van een lijst die p.m. p.m. /valideringen = aan: var. Analytische (SRC); var tokenstr = "; voor (VAR I in de valideringen. Verklaring) {VAR p.m. = valideringen. Verklaringen [M] = <"; tokenstr + P > "+ (parseint (m) + 1) +"); - (teken. -) (zaak "inhoud": tokenstr + = "[...]..." "+ token.string +""; de schuld; zaak" Beard ": tokenstr + =" [] - reserve "+ token.id.string; schuld;" blok ": tokenstr + =" [] - blok "+ token.mustache.id.string;}} dossier. GetElementById (" p.m. ").InnerHTML + = tokenstr;, dus we beginnen te lopen handlebars.parse model, De bron, een teken van de lijst.Toen we door alle afzonderlijke onderdelen van fietsen, en de oprichting van een groep mensen leesbare string, op basis van de soorten.De tekst zal een "inhoud" vormen, en we kunnen alleen de productie van touw pakket in citaten, blijk te geven van wat het is.Vervanging van een soort "Beard", dan kunnen we ze zien met "dit" (').Tot slot, maar niet minder belangrijk, blok assistent zal er sprake zijn van een soort "blokken", en kunnen we ook alleen een blok "id" (块名), op de browser nu, je moet het zien op slechts één "akkoord" waarheid, ons model van de tekst,.,,, operatie, Als aan een verzameling van het merk, door middel van een cyclus van elke lijst van vooraf bepaalde en "generatie" die wordt gebruikt voor de opstelling en uitvoering van nodig.Dit proces is door het gebruik van een samensteller (). Stap 1, doel, door de voorwerpen die variabelen opsequence:, /display = nieuwe aan. De samensteller (). De opstelling (etikettering, {}); var opstr = "; voor (VAR in mijn opsequence. Die code) {VAR op = opsequence. De exploitant [M]; opstr + = < p>"; "+ (parseint (ik) + 1) +") "+ op.opcode;} dossier. GetElementById (" business ").InnerHTML + = opstr; opstelling van teken, we de volgorde van de exploitatie van de mijn over, en We fietsen door elke en het creëren van een soortgelijke lijst een eerste stap is, maar hier moeten we alleen afdrukken van die code.Operatie code is "operatie" of de naam van de functie, nodig voor de exploitatie van elk element in de reeks, in de browser, je moet nu naar slechts één enkele operatie genaamd "appendcontent zal de toegevoegde waarde van de tekst op dit moment" buffer "of"... ".Veel verschillende operationele code, ik denk niet dat ik bevoegd verklaart, waarvan een deel in de source code, maar voor een bepaalde operatie code snel naar je functie, zal het de functie van de,,.,,, de laatste fase is de lijst van de codes voor de werking van het zijn omgezet in een functie die Door het lezen van de lijst van de operatie en SLIM - codes van elke.De volgende codes nodig in deze functie: een stap, /weergave van de var van de functie van de produktie = nieuwe aan. Javascriptcompiler (). De opstelling (opsequence, {}, definities, waar); doc. GetElementById ("").InnerHTML = van de functie van de produktie. Tostring (); highlightall prisma 's. (); de eerste rij door, de samensteller de volgorde van de operatie, en deze lijn zal worden gebruikt voor de productie van het model van de uiteindelijke kenmerken.En dan zullen we de functie omgezet in een string en vertel het PRISMA - syntaxis, dit laatste code, je moet de pagina ziet er als volgt uit:,,, het is heel eenvoudig, want er is maar één operatie, is' t de terugkeer van een string; nu moeten we bewerken en deze afzonderlijk model zien kijken naar voren stappen de groep samen en vormen een zeer krachtig concept.,, controleer de modellen van de meest eenvoudige dingen beginnen, laten wij eenvoudig in het gebruik van een reserve ter vervanging van de "nieuwe wereld"; je model moet het volgende:, < het script id = "dt" = "model /." > Hallo {{naam}}.< /scripts >, vergeet de variabelen, produktie, dat ziet er goed uit: t = aan de BAR /output. De opstelling (SRC); doc. GetElementById ("output").InnerHTML = t ({naam}: "Gabriel"); de werking van dit, vind je. De toevoeging van een eenvoudige vervanging van het complex is een complex proces,,,,, als de andere, deels omdat het niet weten als reserve is eigenlijk een reserve of ten behoeve van de methode, als je het nog niet weet wat het teken is, moet je een beter idee hebt, je kunt zien op de foto 's van de het touw uit de reserve, het creëren van drie afzonderlijke onderdelen., de volgende stap, die deel zijn veel aan toe te voegen.Als je het nog weet, kort voor de produktie van een tekst van de hand van de operatie, appendcontent ", dit is je nu kan zien in de lijst van de bovenste en onderste (" hallo "en"! ")In het midden van de rest nodig. Alle procedures en de inhoud van de aanvullende reserve ontsnappen, tot slot, op de bodem van het raam, in plaats van een string, deze keer zal het creëren van een buffer variabelen, en met een teken in de tijd.Een ander deel van complexe als /is omdat het niet weten als reserve is eigenlijk een reserve of ten behoeve van de methode.Dus, om te kijken of met de naam van de aanvullende middelen bestaan, in dit geval het een helper van de methoden en de vaststelling van de waarde van de stack1 ".In het geval van een plaatsvervanger, en het zal de toewijzing van de waarde van de context die hier de naam "depth0"), als een functie van de resultaten van de door de functie van variabele stack1 ".Als voltooid, was het alsof we het aan zien van de operatie, en voeg het toe aan de buffer, voor onze volgende veranderingen, laten we het gewoon proberen hetzelfde model, alleen deze keer zonder de resultaten te vermijden (om dit te doen, met een grote "{{naam}, tussen haakjes {})"), op de pagina, dan zult u zien dat het schrappen van vluchten variabele, maar zal het deze luchtbel tot nu alleen maar controleren om ervoor te zorgen dat de waarde van de waarde van niet falsy functie (met uitzondering van 0) en om het maar niet te ontsnappen.,,, dus ik denk dat bijvoorbeeld heel eenvoudig, nu laten we eens kijk met behulp van de functie, de functie, maar ook, in de meer complexe, dan is er geen punt, laten we het creëren van een eenvoudige functiesDe methode is een aantal in het kopiëren door, dus ter vervanging van model en van de toevoeging van een nieuw script blok (in een andere code):, < het script id = "dt =" model /aan "> 3 * 2 = {{{3}}} een keer < /het script > < script> aan de BAR. Registerhelper (verdubbeld, functionele (aantal) {terug nummer * 2;}); < /scripts >, heb ik besloten om te stoppen met vluchten, omdat het uiteindelijk een eenvoudige lezing van de functie, maar je Kan het proberen als je wilt.Hoe dan ook, dit moeten leiden tot de volgende:,,, hier kan je zien dat het, het is een helper, dus zeggen "invokeambiguous" nu "invokehelper" dus ook in functie is niet langer een plaats van als /blok.Het is nog steeds bestaan om ervoor te zorgen dat de mensen helpen, en probeerde te dalen, tegen de achtergrond van de gebeurtenissen in functie en dezelfde naam, een ander voor wat het waard is, zie je de parameters rechtstreeks aangenomen, en in feite is moeilijk, als dat mogelijk is, als functie van de functie (3 maal de), en ten slotte een voorbeeld wil ik de assistent van blok voor blok, dat je met een functie van assistent van de functie van het pakket, kan zijn eigen achtergrond en opties.Laten we kijken naar een voorbeeld van het gebruik van de standaard "als" blok helper:, < script id = "dt =" model "hallo" > /aan {{naam} {{} {naam}}&#als}}} {{andere wereld!{}} {als < /scripts >, we kijken naar "naam" is in de huidige context, in dit geval, zullen we laten zien dat het, of de produktie "van de wereld".In onze partners die op dit punt, zie je de twee merken, omdat elke operatie als hun "model", zodat alle munten (zoals {naam} {}) een deel van de oproep niet is, moet je het zelf de knooppunten van blokken gewonnen.Twee van hen zijn omdat één van de voornaamste functie, en de andere is een omgekeerde functie (als parameter niet bestaan of niet).De voornaamste functie: "het programma" is wat we voordat we alleen een tekst en een reserve, omdat, zoals ik al zei, elk blok helper functies vastgesteld en is volledig als een gewone model.Dan via een "als" de functie van assistent heeft ontvangen, die wordt toegevoegd aan de externe buffer, net als vroeger, voor wat het waard is, een helper van de eerste parameter is de sleutel, maar voor de hele in de context van deze parameter kan komen, op een geschikt moment om hun eigen blok, conclusies, helper. In dit artikel, kunnen we niet om de werkelijke kijken hoe de dingen in de BAR, maar ik hoop dat je een beter te begrijpen wat er gebeurd is, moet je het achter deze nieuwe kennis op een beter model en de scenario 's assistent, ik hoop dat je graag lezen, als je een een probleem met me altijd op Twitter (@ onzin.Rielmanricks) of in de Nettuts+ IRC (# NETTUTS waarvan).,