Šablonas yra HTML dalis, kurią turite įterpti į puslapį. Dažnai šablonai kuriami „serverio pusėje“ - tuo atveju, kai jie ateina į „JavaScript“ visiškai suformuotą ir juos tiesiog reikia įdėti į DOM. Tačiau kartais tai neįmanoma arba prireiks papildomo pirmyn ir atgal į serverį, kuris gali būti lėtas. Tokiu atveju šabloną turėti „JavaScript“ yra idealu. Be abejo, galite tiesiog atlikti šiek tiek eilutės sujungimo, sujungdami HTML ir duomenų dalis, kol turėsite reikiamą šabloną. Bet tai greičiausiai nėra idealu, nes neatskiria duomenų ir šablonų rūpesčių. Čia gali padėti tikras „JavaScript“ šablonas.
Šioje ekrano juostoje aptarsime pagrindinį „JavaScript“ šablonų „kodėl“, tada konkrečiai pateiksime paprastą pavyzdį, kaip tai daroma „Underscore.js“. Tada aptarsime keletą kitų alternatyvų.
Demonstracija
var compiled = _.template( " " + "" + "" + " " ); var i, toAppendString = ""; for (i = 0; i < data.movies.length; i++) ( toAppendString += compiled(data.movies(i)); ) $("body").append(toAppendString);Žiūrėkite „Chris% Coyier“ (@chriscoyier) „Pen% = penName%>“ iš „CodePen“
Nuorodos
- Pagrindinė „CodePen“ demonstracija
- „Underderscore.js“ šablonai
- „NetTuts“: geriausia praktika dirbant su „JavaScript“ šablonais
- MDN: „JavaScript“ šablonai
- Johnas Resigas: „JavaScript“ mikrodalymas
- Jamesas Padolsey: Tiesus vertimas