wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML CSS JS

Total questions: 43

Worksheet time: 25mins

Name
Class
Date
1.

Какие функции используются для предотвращения действий браузера по умолчанию и остановки всплытия событий?

a)

Останавливает всплытие события.e.preventDefault() для предотвращения действий браузера по умолчанию; e.stopPropagation() для остановки всплытия событий.

b)

e.stopImmediatePropagation() для предотвращения действий браузера по умолчанию; e.preventDefault() для остановки всплытия событий.

c)

e.stopPropagation() для предотвращения действий браузера по умолчанию; e.stopImmediatePropagation() для остановки всплытия событий.

d)

e.stopImmediatePropagation() для предотвращения действий браузера по умолчанию; e.stopPropagation() для остановки всплытия событий.

2.

Какая конструкция используется в JavaScript для обработки ошибок?

a)

try..catch

b)

if..else

c)

handleError

d)

onError

3.

Что делает блок finally в конструкции try..catch..finally?

a)

Выполняется только в случае ошибки

b)

Выполняется только если нет ошибки

c)

Выполняется независимо от того, произошла ошибка или нет

d)

Выполняет очистку ресурсов после обработки ошибки

4.

Что представляет собой DOM?

a)

Объектное представление HTML-документа в виде дерева тегов

b)

Библиотека для работы с элементами на странице

c)

Определение стилей и внешнего вида элементов

d)

Язык программирования для работы с веб-страницами

5.

В соответствии с DOM, что представляет собой каждый HTML-тег?

a)

Строку

b)

Объект

c)

Массив

d)

Функцию

6.

Как называются вложенные теги относительно родительского элемента в DOM?

a)

Братья и сестры

b)

Дети

c)

Родители

d)

Потомки

7.

Что будет выведено в консоль в следующем примере кода?

javascript

a)

A, B, C

b)

B, A, C

c)

B, C, A

d)

C, B, A

8.

В каком порядке будут выведены сообщения в консоль в следующем примере кода?

a)

A, B, C, D

b)

A, D, B, C

c)

A, D, C, B

9.

Что такое Event Loop в контексте JavaScript?

a)

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

b)

Механизм, который выполняет обработку событий и асинхронных операций в однопоточном JavaScript.

c)

Очередь задач, которые должны быть выполнены в определенном порядке.

d)

Механизм, который позволяет одновременно выполнять несколько задач в одном потоке.

10.

Какой компонент JavaScript-движка отвечает за выполнение кода в Event Loop?

a)

Call Stack

b)

Callback Queue

c)

Web APIs

d)

Microtask Queue

11.

Что произойдет, если вы вызовете метод stopPropagation() в обработчике события?

a)

Событие не будет всплывать дальше по цепочке предков.

b)

Событие будет всплывать дальше по цепочке предков, но обработчики не будут вызваны.

c)

Событие будет отменено, и действие браузера по умолчанию не будет выполнено.

d)

Событие будет передано только на один уровень вверх по цепочке предков.

12.

Какое событие НЕ всплывает в стандартной модели событий DOM?

a)

click

b)

blur

c)

submit

d)

mousemove

13.

Как правильно использовать optional chaining оператор для доступа к свойству объекта, которое может быть не определено?

a)

const street = user.address?.street;

b)

const street = user.address.street?

c)

const street = user?.address.street;

d)

const street = user?.address?.street;

14.

Что является основным преимуществом использования Shadow DOM?

a)

Улучшение производительности приложения

b)

Создание изолированных компонентов с инкапсуляцией стилей и логики

c)

Сокращение времени разработки

d)

Улучшение поисковой оптимизации (SEO)

15.

Какой вид объявления функции обрабатывается перед выполнением блока кода и виден во всём блоке?

a)

Function Expression

b)

Function Declaration

c)

Arrow Function

d)

Обе Function Expression и Function Declaration

16.

Какой вид объявления функции создается только когда поток выполнения достигает его?

a)

Function Expression

b)

Function Declaration

c)

Arrow Function

d)

Обе Function Expression и Function Declaration

17.

Как создать объект с помощью функции-конструктора? Предположим, у нас есть функция-конструктор User, которая принимает два аргумента: имя и возраст. Какой будет синтаксис для создания нового объекта user1 с именем "John" и возрастом 30?

a)

const user1 = User("John", 30);

b)

const user1 = new User("John", 30);

c)

const user1 = User.new("John", 30);

d)

const user1 = new User{ name: "John", age: 30 };

18.

Как добавить метод в функцию-конструктор? Допустим, у нас есть функция-конструктор User, которая принимает имя и возраст, и мы хотим добавить метод greet, который выводит приветствие с именем пользователя. Какой код добавляет метод greet в функцию-конструктор User?

a)

User.prototype.greet = function() { console.log(Hello, my name is ${this.name}); };

b)

this.greet = function() { console.log(Hello, my name is ${this.name}); };

c)

User.greet = function() { console.log(Hello, my name is ${this.name}); };

19.

Какая основная разница между LocalStorage и SessionStorage?

a)

LocalStorage сохраняет данные только во время сессии, в то время как SessionStorage сохраняет данные после закрытия браузера.

b)

LocalStorage может хранить больше данных, чем SessionStorage.

c)

LocalStorage сохраняет данные после закрытия браузера, в то время как SessionStorage сохраняет данные только во время сессии.

d)

SessionStorage предназначен только для оффлайн приложений.

20.

Какой из следующих методов используется для чтения куки в JavaScript?

a)

document.cookie.read();

b)

document.cookie.get();

c)

document.cookie.getItem();

d)

document.cookie;

21.

Какой метод используется для сохранения данных в LocalStorage?

a)

localStorage.setItem('key', 'value');

b)

localStorage.save('key', 'value');

c)

localStorage.add('key', 'value');

d)

localStorage.put('key', 'value');

22.

Какое из следующих утверждений верно, если разместить скрипт перед тегом </body> в HTML-документе?

a)

Какое из следующих утверждений верно, если разместить скрипт перед тегом </body> в HTML-документе?

b)

Скрипт может получить доступ ко всем элементам DOM, которые идут перед ним.

c)

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

d)

Скрипт не будет видеть элементы DOM, которые идут после него, и не сможет к ним обратиться.

23.

Какое значение свойства CSS display используется для отображения элемента как строчного, но при этом позволяет изменять его ширину и высоту?

a)

display: none

b)

display: block

c)

display: inline

d)

display: inline-block

24.

Что позволяет описать keyframes в CSS анимации?

a)

Начальное и конечное состояние анимации

b)

Промежуточные состояния анимации

c)

Начальное, конечное и промежуточные состояния анимации

d)

Время выполнения анимации

25.

Из каких двух компонентов состоят CSS анимации?

a)

Стилевое описание анимации и набор ключевых кадров

b)

Время выполнения анимации и стилевое описание анимации

c)

Набор ключевых кадров и время выполнения анимации

d)

Стилевое описание анимации и промежуточные состояния анимации

26.

Какое значение свойства position применяется по умолчанию?

a)

static

b)

relative

c)

absolute

d)

fixed

27.

Какое значение свойства position используется для фиксации элемента на месте, независимо от прокрутки страницы?

a)

static

b)

relative

c)

absolute

d)

fixed

28.

Какой элемент используется для стилизации кастомного чекбокса?

a)

div

b)

span

c)

label

d)

button

29.

Какие два свойства используются для центрирования содержимого внутри элемента с display: flex?

a)

align-items: center; flex-wrap: nowrap;

b)

justify-content: center; flex-direction: column;;

c)

align-items: center; justify-content: center;

d)

flex-grow: 1; flex-basis: auto;

30.

Какое CSS-свойство позволяет создать плавный переход между двумя состояниями элемента?

a)

@keyframes

b)

transition

c)

animation

d)

transform

31.

Какое значение CSS свойства box-sizing делает так, что свойства width и height включают контент, внутренний отступ и границы, но не включают внешний отступ?

a)

content-box

b)

border-box

c)

padding-box

d)

margin-box

32.

Какой этап процесса отображения веб-страницы связан с рассчитыванием положения каждого элемента на странице?

a)

Формирование DOM

b)

Формирование CSSOM

c)

Формирование дерева рендеринга

d)

Выполнение Layout (разметки)

33.

Что используется для разграничения начала и конца элементов в HTML-разметке?

a)

Теги

b)

Атрибуты

c)

Свойства

d)

Селекторы

34.

Что сообщает браузеру, каким образом должен отображаться тот или иной элемент страницы?

a)

Теги

b)

Атрибуты

c)

Свойства

d)

Селекторы

35.

Какие элементы HTML используются для разделения содержимого веб-страницы на логические блоки, и их расположение обычно начинается с новой строки?

a)

Блочные элементы

b)

Строчные элементы

c)

Псевдоэлементы

d)

Инлайн-блочные элементы

36.

Какие элементы HTML занимают только ограниченное тегами пространство, и браузер не добавляет автоматически разрыв строки для них?

a)

Блочные элементы

b)

Строчные элементы

c)

Псевдоэлементы

d)

Инлайн-блочные элементы

37.

Что такое инлайн-блочные элементы в HTML и в чем их особенность?

a)

Элементы, которые занимают всю доступную ширину и располагаются вертикально друг над другом.

b)

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

c)

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

d)

Элементы, которые создают новый блок форматирования и располагаются внутри других элементов.

38.

Что означают единицы измерения vh и vw при указании размеров элементов в CSS?

a)

vh - процент от высоты вьюпорта, vw - процент от ширины вьюпорта.

b)

vh - вертикальная высота элемента, vw - вертикальная ширина элемента.

c)

vh - горизонтальная высота элемента, vw - горизонтальная ширина элемента.

d)

vh - количество пикселей по вертикали, vw - количество пикселей по горизонтали.

39.

Какие составляющие включаются в расчет размера элемента в CSS?

a)

Ширина и высота содержимого, внутренние отступы, рамка, и внешние отступы.

b)

Ширина и высота содержимого, внутренние отступы, рамка.

c)

Внутренние отступы, рамка, и внешние отступы.

d)

Ширина и высота содержимого, рамка, и внешние отступы.

40.

Каким образом можно спозиционировать элемент относительно другого элемента, используя свойство position: relative?

a)

Задать свойство position: relative для обоих элементов и использовать top/right/bottom/left.

b)

Задать свойство position: relative для дочернего элемента и использовать top/right/bottom/left для управления расположением.

c)

Задать свойство position: relative для родительского элемента и использовать top/right/bottom/left для управления расположением дочернего элемента.

d)

Задать свойство position: relative только для дочернего элемента и использовать top/right/bottom/left для управления расположением родительского элемента.

41.

Какое из следующих утверждений верно относительно свойства z-index в CSS?

a)

z-index влияет на расположение элементов по горизонтали.

b)

z-index влияет на все элементы, включая те, у которых значение позиции является статическим.

c)

Элементы с нестатическим позиционированием всегда отображаются под элементами со статическим позиционированием.

d)

z-index управляет вертикальным порядком расположения перекрывающихся элементов и влияет только на элементы с нестатическим позиционированием.

42.

Какой селектор имеет наибольшую специфичность из следующих вариантов?

a)

div

b)

.my-class

c)

#my-id

d)

p.my-class

43.

Какое CSS-свойство считается одним из наиболее "тяжелых" для производительности браузера?

a)

color

b)

font-family

c)

box-shadow

d)

margin

Similar Resources on Wayground

Lek$$$

40 questions

Lek$$$

quiz

Worksheet

•

Professional Development

Google Документи (1–10)

40 questions

Google Документи (1–10)

quiz

Worksheet

•

Professional Development

ИТ в профессиональной деятельности

45 questions

ИТ в профессиональной деятельности

quiz

Worksheet

•

Professional Development

(Part 2) Cloud Essentials Study Guide

48 questions

(Part 2) Cloud Essentials Study Guide

quiz

Worksheet

•

Professional Development

Информатика СС

38 questions

Информатика СС

quiz

Worksheet

•

Professional Development

м-24

43 questions

м-24

quiz

Worksheet

•

Professional Development

Cети

40 questions

Cети

quiz

Worksheet

•

Professional Development