Ext.js - Обзор

Ext JS - это популярный фреймворк JavaScript, который предоставляет богатый пользовательский интерфейс для создания веб-приложений с кросс-браузерной функциональностью. Ext JS в основном используется для создания настольных приложений. Он поддерживает все современные браузеры, такие как IE6 +, FF, Chrome, Safari 6+, Opera 12+ и др. В то время как другой продукт Sencha, Sencha Touch, используется для мобильных приложений.

Ext JS основан на архитектуре MVC / MVVM. Последняя версия Ext JS 6 представляет собой единую платформу, которую можно использовать как для настольных, так и для мобильных приложений без разного кода для разных платформ.

История

Внешний JS 1.1

Первая версия Ext JS была разработана Джеком Слокумом в 2006 году. Это был набор служебных классов, который является расширением YUI. Он назвал библиотеку YUI-ext.

Внешний JS 2.0

Ext JS версии 2.0 был выпущен в 2007 году. В этой версии была новая документация API для настольных приложений с ограниченными функциями. Эта версия не имеет обратной совместимости с предыдущей версией Ext JS.

Внешний JS 3.0

Ext JS версии 3.0 был выпущен в 2009 году. В этой версии были добавлены новые функции, такие как представление диаграмм и списков, но за счет скорости. Имеет обратную совместимость с версией 2.0.

Внешний JS 4.0

После выпуска Ext JS 3 перед разработчиками Ext JS стояла основная задача - увеличить скорость. Ext JS версии 4.0 был выпущен в 2011 году. Он имел полностью измененную структуру, за которой последовала архитектура MVC и быстрое приложение.

Внешний JS 5.0

Ext JS версии 5.0 был выпущен в 2014 году. Основным изменением в этом выпуске было изменение архитектуры MVC на архитектуру MVVM. Он включает в себя возможность создания настольных приложений на устройствах с сенсорным экраном, двустороннюю привязку данных, адаптивные макеты и многие другие функции.

Внешний JS 6.0

Ext JS 6 объединяет фреймворк Ext JS (для настольных приложений) и Sencha Touch (для мобильных приложений).

Характеристики

Ниже приведены выделенные особенности Ext JS.

  • Настраиваемые виджеты пользовательского интерфейса с набором богатого пользовательского интерфейса, такого как сетки, сводные сетки, формы, диаграммы, деревья.

  • Совместимость кода новых версий со старой.

  • Гибкий менеджер компоновки помогает организовать отображение данных и контента в различных браузерах, устройствах и экранах разных размеров.

  • Расширенный пакет данных отделяет виджеты пользовательского интерфейса от уровня данных. Пакет данных позволяет собирать данные на стороне клиента с использованием высокофункциональных моделей, которые включают такие функции, как сортировка и фильтрация.

  • Он не зависит от протокола и может получать доступ к данным из любого внутреннего источника.

  • Настраиваемые темы Виджеты Ext JS доступны в нескольких готовых темах, согласованных на разных платформах.

Льготы

Sencha Ext JS - это ведущий стандарт для разработки веб-приложений бизнес-уровня. Ext JS предоставляет инструменты, необходимые для создания надежных приложений для настольных компьютеров и планшетов.

  • Упрощает кроссплатформенную разработку на настольных компьютерах, планшетах и ​​смартфонах - как для современных, так и для устаревших браузеров.

  • Повышает продуктивность групп разработчиков за счет интеграции в корпоративные среды разработки через плагины IDE.

  • Снижает стоимость разработки веб-приложений.

  • Позволяет командам создавать приложения с привлекательным пользовательским интерфейсом.

  • Предлагает набор виджетов для простого создания мощного пользовательского интерфейса.

  • Соответствует архитектуре MVC, поэтому код легко читается.

Ограничения

  • Размер библиотеки большой, около 500 КБ, что увеличивает время начальной загрузки и замедляет работу приложения.

  • HTML полон тегов, что делает его сложным и трудным для отладки.

  • Согласно политике общих публичных лицензий, это бесплатно для приложений с открытым исходным кодом, но платное для коммерческих.

  • Иногда для загрузки даже простых вещей требуется несколько строк кода, что проще в простом html или JQuery.

  • Нужен достаточно опытный разработчик для разработки Ext JS приложений.

инструменты

Ниже приведены инструменты, предоставляемые Sencha, используемые для разработки приложений Ext JS в основном на производственном уровне.

Сенча CMD

Sencha CMD - это инструмент, который предоставляет функции минификации кода Ext JS, создания шаблонов и создания производственной сборки.

Плагины Sencha IDE

Плагины Sencha IDE интегрируют фреймворки Sencha в IntelliJ, IDE WebStorm, что помогает повысить продуктивность разработчика, предоставляя такие функции, как завершение кода, проверка кода, навигация по коду, генерация кода, рефакторинг кода, создание шаблонов, проверка орфографии и т. Д.

Сенча инспектор

Sencha Inspector - это инструмент отладки, который помогает отладчику отлаживать любую проблему во время разработки.