Ext.js — Обзор

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

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

история

Ext JS 1.1

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

Ext JS 2.0

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

Ext JS 3.0

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

Ext JS 4.0

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

Ext JS 5.0

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

Ext JS 6.0

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

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

Ниже приведены выделенные функции Ext JS.

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

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

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

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

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

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

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

Код совместимости новых версий со старыми.

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

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

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

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

Выгоды

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

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

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

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

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

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

• Следует архитектуре MVC, поэтому код очень удобочитаемый.

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

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

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

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

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

Следует архитектуре MVC, поэтому код очень удобочитаемый.

Ограничения

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

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

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

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

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

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

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

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

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

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

инструменты

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

Сенча CMD

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

Sencha IDE плагины

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

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

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