Veidne ir HTML daļa, kas jums jāievada lapā. Bieži veidnes tiek veidotas “servera pusē” - tādā veidā, ka tās nonāk JavaScript pilnībā izveidotas un tās vienkārši jāievieto DOM. Bet dažreiz tas nav iespējams, vai tas prasa papildu braucienu uz serveri, kas varētu būt lēns. Tādā gadījumā ideāla ir veidnes ievietošana tieši JavaScript valodā. Jūs noteikti varat vienkārši veikt virkņu savienošanu, pievienojot HTML un datu bitus, līdz jums ir vajadzīgā veidne. Bet tas, visticamāk, nav ideāls, jo tas neatdala datu un veidņu problēmas. Šeit var palīdzēt īsta JavaScript veidne.
Šajā ekrānuzņēmumā mēs aplūkosim JavaScript veidņu pamata “kāpēc” un pēc tam sniegsim vienkāršu piemēru tam, kā tas tiek darīts vietnē Underscore.js. Tad mēs aplūkosim dažas citas alternatīvas.
Demonstrācija
var compiled = _.template( " " + "" + "" + " " ); var i, toAppendString = ""; for (i = 0; i < data.movies.length; i++) ( toAppendString += compiled(data.movies(i)); ) $("body").append(toAppendString);Skatiet Kriss Koijers (@chriscoyier) Pildspalva% = penName%> vietnē CodePen
Saites
- Pamata demonstrācija par CodePen
- Apakšdaļa.js veidne
- NetTuts: paraugprakse, strādājot ar JavaScript veidnēm
- MDN: JavaScript veidnes
- Džons Resigs: JavaScript mikro veidnes
- Džeimss Padolsijs: Tieša augšupeja