Ext JS означает расширенный JavaScript. Это JavaScript-инфраструктура для разработки многофункциональных настольных веб-приложений с пользовательским интерфейсом.
Это продукт Sencha, расширенный от YUI (пользовательский интерфейс Yahoo).
Это основные файлы, включаемые в HTML-страницу для запуска кода Ext JS —
Оптимизирует кросс-платформенную разработку для настольных компьютеров, планшетов и смартфонов — как для современных, так и для устаревших браузеров.
Повышает производительность групп разработчиков за счет интеграции в среду разработки предприятия с помощью подключаемых модулей IDE.
Снижает стоимость разработки веб-приложений.
Позволяет командам создавать приложения с привлекательным пользовательским интерфейсом.
У него есть набор виджетов для того, чтобы сделать пользовательский интерфейс мощным и простым.
Это следует за архитектурой MVC, поэтому очень хорошо читаемый код.
Размер библиотеки большой, около 500 КБ, что увеличивает время начальной загрузки и замедляет работу приложения.
HTML полон тегов <DIV> делает его сложным и трудным для отладки.
Согласно общедоступной лицензионной политике, она бесплатна для приложений с открытым исходным кодом, но платна для коммерческих приложений.
Иногда для загрузки даже простых вещей требуется несколько строк кода, что проще в простом html или Jquery.
Нужен достаточно опытный разработчик для разработки приложений Ext JS.
Ext JS поддерживает кросс-браузерную совместимость, он поддерживает все основные браузеры, как —
Ext JS 4+ поддерживает архитектуру MVC (контроллер представления модели). С Ext JS 5 он также начал поддерживать MVVM (модель представления модели).
Ext JS 6 — это последняя версия Ext JS, которая имеет большое преимущество в том, что ее можно использовать как для настольных, так и для мобильных приложений. По сути, это слияние Ext JS (настольные приложения) и Sencha touch (мобильное приложение).
Ext JS — это фреймворк JavaScript, поэтому, чтобы начать его использовать, вы должны иметь предварительные знания HTML и JS (не на уровне экспертов, но должны иметь базовые знания). Тогда нужно понять основы, поэтому дайте ему время и учитесь постепенно.
Обе платформы довольно разные, мы можем сравнивать Ext JS и jQuery UI, так как Ext JS — полноценный фреймворк с богатым пользовательским интерфейсом. Но все же Ext JS имеет гораздо больше компонентов, чем jQuery UI.
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 имеет различные компоненты пользовательского интерфейса, некоторые из наиболее часто используемых компонентов:
xType определяет тип компонента Ext JS UI, который определяется во время рендеринга компонента. Например, textField, Numeric, button и т. Д.
Этот тип проверки может быть легко настроен. Немного vType, предоставляемых Ext JS, —
alphanumText — возвращает false, если введенный текст имеет любой символ, кроме буквенного или числового значения.
emailText — возвращает false, если текст не является действительным адресом электронной почты.
Да Ext JS может быть интегрирован с Ajax. Реализация как: предположим, что в некотором текстовом поле после размытия необходимо проверить данные с сервера, для этого мы можем вызвать Ajax onblur / onchange к идентификатору текстового поля, чтобы проверить, присутствуют ли данные, введенные в текстовом поле, в сервере / базе данных ,
Да Ext JS может быть интегрирован с другой серверной средой, такой как Java, .net, Ruby on rails, PHP, ColdFusion и т. Д.
Ext JS может быть реализован в любой популярной интегрированной среде разработки (IDE), такой как Eclipse, Aptana, Sublime, Webstrom и т. Д.
Это несколько способов получить доступ к элементам DOM в Ext JS —
Архитектура MVVM — это модель представления модели. В архитектуре MVVM контроллер MVC заменен на ViewModel.
ViewModel — в основном лечит изменения между видом и моделью. Он связывает данные из модели для просмотра. В то же время у него нет прямого взаимодействия с представлением, у него есть только знание модели.
Ext.onReady () — это первый метод, который вызывается, когда DOM полностью загружен, поэтому любой элемент, на который вы хотите сослаться, будет доступен при запуске скрипта.
Различные типы блоков предупреждений в Ext JS —
Базовые классы для Store — это Ext.data.Store
Для модели есть Ext.data.Model
Для контроллера есть Ext.app.controller
Это разные способы обработки событий —
Store.getCount () — для кэшированных записей
Store.getTotalCount () — для общего количества записей в БД.
Метод Store.getModifiedRecords () используется для получения измененных записей.
Store.commitChanges () метод для обновления магазина изменений.
Если у нас есть идентификатор сетки: Ext.getCmp (‘gridId’). GetStore (). GetAt (index);
Если у нас есть store Id: Ext.getStore (‘storeId’). GetAt (index);
Store.load ();
Различные типы макетов —
Это можно сделать с помощью pagingToolbar () как —
Маска загрузки используется для предотвращения любой другой операции, показывая загрузку (или пользовательское сообщение) пользователю, пока данные не будут отображены в сетке. Маска загрузки: правда; это свойство, показывающее маску нагрузки, когда данные отображаются в сетке.
Рендерер используется, когда мы хотим манипулировать данными, которые мы получаем из хранилища, чтобы показать манипулированные данные на основе некоторых критериев. Это свойство столбца может быть использовано как —
Ext.getCmp ( ‘ID’) ПолучитьЗначение ().
Скрыто: правда;
Сортируемый: правда; который по умолчанию верно.
Ext JS 6 имеет пакет инструментов, в который он может включать визуальные элементы обеих платформ (Ext JS и Sencha Touch).
Это может быть добавлено как —
‘toolkit’: ‘classic’, // или ‘modern’
Если инструментарий является классическим, он включает в себя среду для настольных приложений Ext JS.
И если инструментарий современный, то он включает в себя фреймворк для мобильных приложений Sencha Touch.
Кроме того, вы можете выполнить свои прошлые задания, которые вы выполнили по предмету, и убедиться, что вы можете говорить с ними уверенно. Если вы свежее, тогда интервьюер не ожидает, что вы ответите на очень сложные вопросы, скорее вы должны сделать свои базовые концепции очень сильными.
Во-вторых, это не имеет большого значения, если вы не можете ответить на несколько вопросов, но важно, чтобы вы ответили с уверенностью. Так что будьте уверены во время интервью. Мы в tutorialspoint желаем вам удачи в выборе хорошего интервьюера и всего самого наилучшего для вашей будущей работы. Ура 🙂