игра брюс 2048
Главная / Менеджмент / Основы клиентской оптимизации / Тест 6

Основы клиентской оптимизации - тест 6

Упражнение 1:
Номер 1
Где представлены CSS-выражения?

Ответ:

 (1) Internet Explorer 

 (2) Safari 

 (3) Firefox 

 (4) Opera 


Номер 2
Единственный способ избежать огромного числа вычисления CSS-выражений - это:

Ответ:

 (1) использование одноразовых выражений, когда после проведения всех необходимых вычислений они устанавливают свойство CSS-стиля к какому-то конечному статическому значению, заменяя им CSS-выражение 

 (2) проектирование масштабируемых приложений 

 (3) распределение запросов по нескольким хостам 


Номер 3
Какова функция CSS-выражений?

Ответ:

 (1) нет верного ответа 

 (2) вычислить CSS-свойство при объявлении стилей 

 (3) поддержание CSS-свойства в актуальном состоянии 


Номер 4
Сколько раз может вычисляться CSS-выражение на странице?

Ответ:

 (1) оно вообще не вычисляется 

 (2) один-единственный раз при загрузке 

 (3) постоянно при каких-либо действиях пользователя 


Упражнение 2:
Номер 1
Для чего можно использовать свойства currentStyle (доступное для чтения) и runtimeStyle (доступное для записи)?

Ответ:

 (1) для фиксирования нужной информации 

 (2) чтобы переопределять само стилевое свойство при его объявлении 

 (3) для увеличения ощущаемой скорости загрузки у пользователя  


Номер 2
С помощью какого свойства можно переопределить CSS-правило?

Ответ:

 (1) runtimeStyle 

 (2) innerHTML 

 (3) documentFragment 


Номер 3
Что является преимущественным: использование #id или p#id?

Ответ:

 (1) преимущество использования p#id перед #id 

 (2) преимущество использования #id перед p#id 

 (3) нет верного ответа 


Номер 4
С помощью какого свойства можно узнать содержимое CSS-правило?

Ответ:

 (1) currentStyle 

 (2) innerHTML 

 (3) documentFragment 


Упражнение 3:
Номер 1
Что целесообразнее для использования?

Ответ:

 (1) .class вместо p.class 

 (2) p.class вместо .class 

 (3) равнозначны по использованию 


Номер 2
В каком случае достигается существенное ускорение загрузки страницы?

Ответ:

 (1) при переходе от CSS1-селекторов к CSS2 

 (2) при переходе от CSS2 к CSS1-селекторам 

 (3) оба ответа не верны 


Номер 3
Что из перечисленного ниже работает наиболее быстро?

Ответ:

 (1) выборка элементов по классу 

 (2) выборка элементов по идентификатору 

 (3) оба ответа не верны 


Номер 4
Выберите верное утверждение

Ответ:

 (1) создание документа с class выгоднее, чем с id 

 (2) использование #id выгоднее, чем использование tag#id 

 (3) использование tag.class выгоднее, чем использование .class 


Упражнение 4:
Номер 1
Что из перечисленного ниже выгоднее при равных условиях?

Ответ:

 (1) создание документа с class 

 (2) создание документа с id 

 (3) оба ответа не верны 


Номер 2
На какую операцию затрачивается больше времени рендеринга?

Ответ:

 (1) создание DOM-дерева 

 (2) создание AOG-дерева 

 (3) оба ответа не верны 


Номер 3
Что оказывает наибольшее влияние на скорость вычисления одного элемента по идентификатору?

Ответ:

 (1) DOM-дерево 

 (2) количество таких элементов 

 (3) скорость интернет-соединения 


Номер 4
Выберите верное утверждение:

Ответ:

 (1) DOM-дерево незначительно влияет на скорость отображения документа 

 (2) DOM-дерево сильно влияет на скорость отображения документа 

 (3) DOM-дерево не влияет на скорость отображения документа 


Упражнение 5:
Номер 1
Какое дерево документа является самым медленным?

Ответ:

 (1) семантическое дерево 

 (2) линейное 

 (3) сбалансированное 


Номер 2
Укажите наиболее приоритетное направление для увеличения скорости вычислений:

Ответ:

 (1) уменьшение размера DOM-дерева 

 (2) увеличение размера DOM-дерева 

 (3) отсутствует правильный ответ 


Номер 3
Какой из перечисленных ниже способов верстки более медленный по отношению к другим?

Ответ:

 (1) валидный XHTML 

 (2) невалидный HTML 

 (3) валидный HTML 


Номер 4
Есть ли преимущество использования HTML перед XHTML?

Ответ:

 (1) да, значительное 

 (2) значимое преимущество отсутствует 

 (3) наоборот: XHTML-документ выигрывает по скорости у HTML-аналога 


Упражнение 6:
Номер 1
В каком браузере отображение страницы наиболее медленное в сравнении с другими?

Ответ:

 (1) Internet Explorer 

 (2) Safari 

 (3) Firefox 

 (4) Opera 


Номер 2
С помощью чего в документе может быть скрыт HTML-элемент?

Ответ:

 (1) JavaScript 

 (2) CSS-свойства display 

 (3) оба варианта не верны 


Номер 3
Процесс рекурсивного обхода ветви DOM-дерева, вычисляющий геометрию элементов и их положение относительно родителя называется:

Ответ:

 (1) DOM-обход 

 (2) Reflow 

 (3) Refact 


Номер 4
Reflow - это:

Ответ:

 (1) процесс рекурсивного обхода ветви DOM-дерева, вычисляющий геометрию элементов и их положение относительно родителя 

 (2) процесс обсчета событий пользователя в браузере 

 (3) цроцесс загрузки страницы в браузере 


Упражнение 7:
Номер 1
Изменившийся элемент, а также распространение в обратном порядке, носит название:

Ответ:

 (1) начало обхода 

 (2) конец обхода 

 (3) середина обхода 


Номер 2
Укажите возможные типы процесса Reflow:

Ответ:

 (1) начальный 

 (2) инкрементный 

 (3) "чистый" 


Номер 3
Типом процесса Reflow является:

Ответ:

 (1) изменение размеров 

 (2) изменение стилей 

 (3) "грязный" 

 (4) сложение размеров 


Номер 4
Какие элементы может затронуть Reflow:

Ответ:

 (1) все видимые элементы на странице 

 (2) все элементы на странице, включая невидимые 

 (3) все дочерние элементы body 


Упражнение 8:
Номер 1
В чем состоит смысл начального типа процесса Reflow?

Ответ:

 (1) первичное отображение дерева 

 (2) изменение в DOM-дереве 

 (3) объединение нескольких инкрементных Reflow, имеющих общего родителя 


Номер 2
Укажите характеристики инкрементного типа процесса Reflow?

Ответ:

 (1) его назначение - первичное отображение дерева 

 (2) возникает при изменениях в DOM 

 (3) его назначение - объединение нескольких инкрементных Reflow, имеющих общего родителя  


Номер 3
В чем состоит смысл "грязного" типа процесса reflow?

Ответ:

 (1) первичное отображение дерева 

 (2) изменение в DOM-дереве 

 (3) объединение нескольких инкрементных Reflow, имеющих общего родителя 


Номер 4
Что общего между «грязным» и инкрементным Reflow?

Ответ:

 (1) первый тип Reflow объединяет несколько Reflow последнего типа 

 (2) Reflow второго типа возникают после Reflow первого типа 

 (3) нет верного ответа 


Упражнение 9:
Номер 1
Укажите виды Reflow:

Ответ:

 (1) неотложные 

 (2) асинхронные 

 (3) синхронные 


Номер 2
Изменение размеров окна или изменение шрифта документа происходит:

Ответ:

 (1) при неотложном виде Reflow 

 (2) при асинхронном виде Reflow 

 (3) при синхронном виде Reflow 


Номер 3
Какие виды Reflow могут быть отложены и объединены впоследствии?

Ответ:

 (1) неотложные 

 (2) асинхронные 

 (3) синхронные 


Номер 4
Какой тип Reflow сильнее всего влияет на скорость взаимодействия страницы с пользователем

Ответ:

 (1) неотложный 

 (2) асинхронный 

 (3) синхронный 


Упражнение 10:
Номер 1
Что происходит при манипулировании DOM?

Ответ:

 (1) инкрементные Reflow, которые браузер откладывает до конца выполнения скрипта 

 (2) асинхронные Reflow 

 (3) нет верного ответа 


Номер 2
Укажите, что из перечисленного ниже является причиной замедления работы веб-приложений:

Ответ:

 (1) операции Reflow очень ресурсоемки 

 (2) отсутствие операций Reflow 

 (3) сокращение DOM-дерева 


Номер 3
Благодаря чему в Opera создается впечатление более высокой скорости браузера?

Ответ:

 (1) в Opera Reflow выполняется еще и по таймеру  

 (2) нет необходимости вводить дополнительный хост для увеличения числа параллельных потоков 

 (3) нет верного ответа 


Номер 4
В каких браузерах Reflow возможен по таймеру?

Ответ:

 (1) Opera 

 (2) Safari 

 (3) Internet Explorer 

 (4) Mozilla Firefox 


Упражнение 11:
Номер 1
Какие действия позволят начать отображение таблицы еще до того, как будет получена вся информация о ней?

Ответ:

 (1) установка для table CSS-атрибута table-layout в значение fixed 

 (2) определение объектов col для каждого столбца 

 (3) установка для каждого элемента col атрибута width 


Номер 2
Какова последовательность действий браузера при обработке таблицы?

Ответ:

 (1) выборка всех элементов таблицы, расчет их взаимных размеров, отрисовка элементов 

 (2) разбивка таблицы на блоки 

 (3) анализ таблицы на предмет валидной структуры 


Номер 3
Если на странице выводятся большие массивы данных, то рекомендуется:

Ответ:

 (1) визуализировать такие таблицы в несколько проходов 

 (2) визуализировать такие таблицы в один проход 

 (3) нет верного ответа 


Номер 4
Какие действия гарантируют корректное отображение таблицы еще до того, как будет получена вся информация о ней?

Ответ:

 (1) установка для table CSS-атрибута table-layout в значение fixed 

 (2) определение объектов col для каждого столбца 

 (3) установка для каждого элемента col атрибута width 


Упражнение 12:
Номер 1
Укажите верные характеристики механизма hover:

Ответ:

 (1) работает только для ссылок в Internet Explorer 

 (2) работает только для ссылок в Opera 

 (3) работает только для ссылок в Safari 


Номер 2
Какой подход дает наиболее выгоден для получения большей гибкости и контроля над внешним видом сайта?

Ответ:

 (1) использование className 

 (2) систематическое кэширование 

 (3) архивирование 


Номер 3
Как поступить, если на странице много элементов в контейнере и необходимо построить очень быстрый интерфейс?

Ответ:

 (1) стоит устанавливать стили напрямую через свойство style 

 (2) необходимо вводить дополнительный хост для увеличения числа параллельных потоков 

 (3) нет верного ответа 


Номер 4
Что поволит отрисовать изменения на странице для множества элементов в совокупности быстрее?

Ответ:

 (1) использование className 

 (2) использование style 

 (3) использование innerHTML 

 (4) нет верного ответа 




Главная / Менеджмент / Основы клиентской оптимизации / Тест 6