Mēs pēdējā videoklipā aplūkojām veidnes ar stūri. Bet stūre nav vienīgais bloku veidņu risinājums. Šajā videoklipā mēs izmantosim pasvītrā pieejamo veidni.
Kāpēc? Viens iemesls ir tas, ka jūs, iespējams, jau izmantojat pasvītrojumu savā projektā. Tā ir ārkārtīgi populāra bibliotēka, jo, tāpat kā jQuery, tā nodrošina virkni noderīgu metožu, kas darbojas pārlūkprogrammās. Kā saka:
Tas ir kaklasaite, kas jāiet kopā ar jQuery tux un Backbone.js zeķturiem.
Ja jūs jau izmantojat pasvītrojumu, tas būtu liels stimuls izmantot tā veidni.
Arī manā ātrajā pārbaudē stūre 1.0.0 ir 14.2 KB gzip un saspiesta, un pasvītrojums ir 4.9 KB gzip un samazināts. Stūrei vienkārši ir vairāk iespēju (piemēram, komentēšana, cilpas, ceļi, loģika utt.). Mūsu vienkāršajā demonstrācijā mums šīs funkcijas tik un tā nav vajadzīgas, tāpēc tas nav gluži taisnīgs salīdzinājums, bet, ak vai, mēs tikai mācāmies.
Tā vietā, lai veidne būtu HTML, mums JavaScript jānosaka pasvītrojuma veidnes. Mēs esam atgriezušies pie virknes savienošanas.
var compiled = _.template( "" + " " + "" + "" + "
" + "" + "" + "
" + " " + " " );
compiledpēc tam pārvēršas par funkciju, kuru mēs varam izsaukt ar mūsu datu objekta kontekstu, un atgriež HTML, kas ir aizpildīts ar šiem datiem. Lai būtu efektīva, mēs savienosim HTML, kas atgriežas vienā lielā virknē, lai mēs to varētu pievienot DOM tikai vienu reizi:
var i, html = ""; for (i = 0; i < data.movies.length; i++) ( html += compiled(data.movies(i)); ) $("#movies").append(html);Šajā video mēs arī abstrahējām datu iegūšanu. Mēs izveidojām JSON avotu un izmantojām jQuery funkciju $ .getJSON (), lai to iegūtu. Tāpat kā mums tas būtu jādara “reālajā dzīvē”.
$.getJSON("/path/to/json.js", function(data) ( ));Mūsu par cilpu un tāds, kas paļaujas uz šiem datiem, tur tiek atzvanīts. Vai, visticamāk, izsauc kādu citu labi nosauktu funkciju, lai to paveiktu, turot lietas tīri nodalītas.
Lūk, kur mēs nonācām:
Skatiet Kriss Koijers (@chriscoyier) Pen IpAdn vietnē CodePen
Jāatzīmē, ka LoDash ir 100% saderīgs ar to, ko mēs šeit esam paveikuši. Es neesmu īsti pārliecināts, vai LoDash veidne ir labāka / ātrāka / lēnāka / sliktāka nekā pasvītrojums, taču es nomainīju bibliotēkas, un demonstrācija darbojās lieliski.