# 127: JavaScripti mallimise põhitõed - CSS-trikid

Mall on HTML-i osa, mille peate lehele sisestama. Sageli luuakse mallid "serveri poolel" - selles osas, et need tulevad JavaScripti täielikult vormistatud ja tuleb lihtsalt DOM-i panna. Kuid mõnikord pole see teostatav või vajaks täiendavat edasi-tagasi reisi serverisse, mis võib olla aeglane. Sel juhul on malli omamine otse JavaScriptis ideaalne. Kindlasti saate lihtsalt teha natuke stringide liitmist, lisades HTML-i ja andmete bitti, kuni teil on vajalik mall olemas. Kuid see pole tõenäoliselt ideaalne, kuna see ei eralda andmete ja malli probleeme. Siin võib aidata tõeline JavaScripti mallimine.

Selles ekraaniekraanis käsitleme JavaScripti mallide põhilist „miks” ja seejärel konkreetset lihtsat näidet selle kohta, kuidas seda tehakse saidil Underscore.js. Siis käsitleme mõningaid muid alternatiive.

Demo

var compiled = _.template( " " + "" + "" + " " ); var i, toAppendString = ""; for (i = 0; i < data.movies.length; i++) ( toAppendString += compiled(data.movies(i)); ) $("body").append(toAppendString);

Vaadake Code Cenilt Chris Coyieri (@chriscoyier) pliiatsi% = penName%>