Съдържание
Ако направим малко проучване на предимствата на Backbone.js, един от които ще видим е ниското му тегло, но поради това имаме и малък недостатък, ако имаме нужда от нещо, което отива по -далеч, трябва да го изградим.Интересното е, че този недостатък вече е бил видян от много хора и има няколко разширения, които ни помагат да направим живота по -лесен, като включват нови функционалности, които могат да улеснят развитието и да повишат качеството на нашите приложения.
Thorax.js
Backbone.js ни позволява да добавим необходимата структура за създаване на приложения, но това не е рамка като такава, така че няма специфичен начин да правим нещата, това е предимство и недостатък, тъй като ни дава свобода, но също така ни кара да работим още малко.
Как работи?За да изравним това, имаме разширение Гръден кош че ако установите начин да правите неща, като използвате Handlebars.js за обработка на изгледи, по начин, който е еквивалентен на МарионеткаJS, въпреки че се различава в някои отношения, например МарионеткаJS показва своите модели на развитие като API на Javascript, Въпреки това Гръден кош прави това като помощници на шаблони.
Гръден кош е разработен, за да подпомогне създаването на мобилен сайт на Walmart, с което вече можем да знаем, че неговата ниша е да може да обслужва огромни приложения, можем да започнем, като разгледаме уебсайта на Гръден кош за повече информация:
Увеличете
Здравей свят!Да покажа малко как работи Thorax ще извършим класическия пример за показване на a "Здравей свят!"С това ще можем да свършим малко работа и ще видим незабавни резултати, които могат да ни дадат някои отговори.
Нека да разгледаме кода за „Hello world!“ В следното изображение по този начин можем да обясним начина на изграждането му:
Първо трябва да дефинираме изглед на типа Thorax.View, с това ще наследим съответните функционалности, които Thorax използва за комуникация Дръжки, следващ акт виждаме, че дефинираме ключ, наречен "Поздрав" и ние присвояваме стойността "Hello", това ще ни помогне, така че всеки път, когато извикаме "поздрав", можем да отпечатаме неговата стойност.
Генериране на шаблонСлед това генерираме шаблон, за което му казваме това "Шаблон" ще бъде шаблонът, генериран с Handlebars.compile (), в рамките на тази дефиниция добавяме останалата част от нашия „Здравей, свят!“, виждаме, че включваме „поздрав“ в две двойки скоби {{}}, с това казваме на Handlebar, че трябва да търси стойността на този ключ в определение на зрението.
Накрая, за да покажем нашето виждане, използваме .appendTo () метод Това, което прави, е да добави съдържанието към желания селектор, в този основен примерен случай сме избрали тялото на нашия HTML документ.
С това завършваме този урок, както виждаме разширението Гръден кош ни помага да придадем нов смисъл на нашето приложение с Backbone.js като дефинираме начин на работа в частта изгледи, като по този начин ни даваме вече изградени елементи, за да избегнем повтарящия се код.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка