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 - это инструмент отладки, который помогает отладчику отлаживать любую проблему во время разработки.