Что такое Backbone.js?

Backbone js Изучение

Это легкая библиотека для структурирования кода JavaScript. Он также считается фреймворком типа MVC/MV *. Если вы не знакомы с MVC, то в основном это архитектурный шаблон для реализации пользовательских интерфейсов. Он разделяет приложение на три вида компонентов:

  • Model
  • View
  • Controller

Намерение состоит в том, чтобы способствовать разделению задач, что приводит к лучше структурированному и более удобному в обслуживании приложению. Backbone.js предоставляет концепцию модели и представлений, но представления Backbone.js подобны контроллерам в MVC. Так что это больше похоже на структуру MV *. А если быть точнее, то это даже не фреймворк, а просто библиотека, которую вы можете использовать где угодно.

Backbone.js также предоставляет концепцию маршрутизатора. Он используется для разработки одностраничных приложений. Одностраничное приложение — это разновидность веб-приложения, которое помещается на одной веб-странице. Стремление обеспечить богатый пользовательский опыт, аналогичный настольным приложениям.

В одностраничном приложении весь необходимый код, такой как HTML, CSS и JavaScript, извлекается при загрузке одной страницы. Он обеспечивает следующие функции:

  • Богатый и плавный UX
  • Весь необходимый код извлекается изначально
  • Другие ресурсы, загружаемые на той же странице по требованию
  • Пример одностраничного приложения —

С помощью Backbone.js мы можем создать одностраничное приложение. Backbone отлично работает при создании многофункционального клиентского приложения с использованием набора REST API.

Особенности Backbone.js: Backbone.js обладает следующими преимуществами:

  • Позволяет легко создавать приложения и их внешний интерфейс с помощью функций JavaScript.
  • Предоставляет различные строительные блоки, например модель, представление и контроллер.
  • Обновляйте HTML-код вашего приложения автоматически
  • Предоставляет бесплатную библиотеку с открытым исходным кодом
  • Разрешить разработку клиентских веб-приложений или мобильных приложений в структурированном и хорошо организованном формате.
  • Его библиотека обеспечивает хорошую организацию и структуру для разработки приложения.
  • Это понятно, читабельно и хорошо прокомментировано
  • Модели Backbone.js можно легко привязать к серверной части.
  • Позволяет разрабатывать небольшие веб-приложения с использованием фреймворка jQuery.
  • Это просто и более мощно.
  • Сообщество и экосистема огромны
  • Он разделяет бизнес-логику и логику пользовательского интерфейса.
  • Код прост, систематичен и организован

Процесс установки: Backbone.js можно использовать следующими способами:

  • Скачать с официального сайта
  • с помощью CDN.
Читайте также:  Front-end и back-end разработка: в чем разница?

Загрузка с официального сайта: Откройте http://backbonejs.org/ и там вы найдете три варианта, как показано ниже:

  • Версия для разработчиков :вы можете щелкнуть по ней правой кнопкой мыши и сохранить ссылку, вы получите библиотеку JavaScript.
  • Производственная версия: Щелкните правой кнопкой мыши и сохраните ссылку. После сохранения вы получите файл библиотеки Backbone-min.js.
  • Версия Edge: это невыпущенная версия, поэтому ее разработка все еще продолжается. Он упакован и заархивирован

Использование ссылки CDN. Сеть доставки контента — это сеть, которая предоставляет файлы пользователям. Вот CDN для Backbone.js

<script src=”https://code.jquery.com/jquery-2.1.3.min.js” type=”text/javascript”></script>
<script src=”http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js” type=”text/javascript”></script>
<script src=”http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js” type=”text/javascript”></script>

Пример:

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>Example of Backbone.js</title>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"
            type="text/javascript"></script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
        type="text/javascript"></script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
        type="text/javascript"></script>
    <script type="text/javascript">
        var Company = Backbone.Model.extend();
        var company = new Company();
        company.set
            ({
                name: "GFG",
                category: "Education"
            });
        document.write("Company name is: ", company.get('name'));
        document.write(" and category is: ", company.get('category'));
    </script>
</head>
 
<body></body>
 
</html>

Выход:

Пример Backbone

Пример Backbone.js

В этом случае мы используем Backbone.js и использовали для этого CDN. Здесь мы создаем модель с именем Company. И мы создали экземпляр модели Company, которая является компанией. Мы установили для него два атрибута:

  • name and
  • category

Мы можем установить атрибуты, используя ключевое слово set с экземпляром созданной модели. И распечатать его в документе с помощью метода model.get(). Таким образом, мы получим вывод как:

Company name is: GFG and category is: Education

Основные компоненты Backbone.js: Основные компоненты Backbone.js:

  • Views
  • Events
  • Models
  • Collections
  • Routers
Читайте также:  5 вещей, которые я хотел бы знать о Git

Применение Backbone.js: Существуют следующие приложения Backbone.js.

  • Он в основном используется для разработки одностраничных веб-приложений.
  • Он также используется для синхронизации различных частей веб-приложений.
  • Это придает структуру нашей веб-странице.

Преимущества Backbone.js: Backbone.js обладает следующими преимуществами:

  • Позволяет легко создавать приложения и их внешний интерфейс с помощью функций JavaScript.
  • Предоставляет различные строительные блоки, например модель, представление и контроллер.
  • Обновляйте HTML-код вашего приложения автоматически
  • Предоставляет бесплатную библиотеку с открытым исходным кодом
  • Разрешить разработку клиентских веб-приложений или мобильных приложений в структурированном и хорошо организованном формате.
  • Его библиотека обеспечивает хорошую организацию и структуру для разработки приложения.
  • Это понятно, читабельно и хорошо прокомментировано
  • Модели Backbone.js можно легко привязать к серверной части.
  • Позволяет moe разрабатывать небольшие веб-приложения с использованием фреймворка jQuery.
  • Это просто и более мощно.
  • Сообщество и экосистема огромны
  • Он разделяет бизнес-логику и логику пользовательского интерфейса.
  • Код прост, систематичен и организован

Недостатки Backbone.js: требуется больше времени на разработку.

  • Необходимо иметь более глубокое понимание внутренней работы
  • Отладка может быть болезненной
  • Это может быть медленно
Оцените статью
bestprogrammer.ru
Добавить комментарий