Главная / Менеджмент /
Основы клиентской оптимизации / Тест 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) нет верного ответа