Учебники

Ext.js – Вопросы и ответы

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 желаем вам удачи в выборе хорошего интервьюера и всего самого наилучшего для вашей будущей работы. Ура 🙂