- Опишите одну вещь, которую вы узнали сегодня на уроке.
DOM дает разработчику возможность динамически изменять содержимое, отображаемое на веб-странице, с использованием Javascript (или другого языка программирования). Это позволяет разработчику добавлять аспекты интерактивности на веб-страницу, чтобы привлечь конечного пользователя и повысить удобство использования.
2. Опишите разницу между <script>
, <script async>
и <script defer>
.
<script>
— это выполнение тега скрипта по умолчанию. HTML приостановит цикл рендеринга контента, пока браузер читает скрипт. Это может привести к медленной загрузке страницы, если скрипт расположен на сервере с минимальной производительностью.
<script async>
позволяет скрипту загружаться в свое время. Это хороший вариант, если элементы скрипта не обязательно нужны сразу для сайта.
<script defer>
задерживает загрузку скрипта до тех пор, пока не завершится рендеринг HTML. Преимущество, которое это дает, заключается в том, что все аспекты DOM становятся доступными, когда скрипт наконец загрузится.
3. Для чего нужны атрибуты данных?
Атрибуты данных позволяют разработчику сохранять пользовательские данные непосредственно в элементах HTML. Затем к этим встроенным пользовательским данным можно получить доступ через DOM, чтобы сделать страницу более привлекательной и индивидуальной для конечного пользователя.
4. Опишите разницу между cookie, sessionStorage и localStorage.
Хотя все три сохраняют данные в браузере, каждый из них имеет разные методы сохранения данных.
Файл cookie: в основном используется для данных, которые необходимо вернуть на сервер. Дата истечения срока действия может быть определена индивидуально для каждого файла cookie. Размер каждого файла cookie должен быть менее 4 КБ.
sessionStorage: срок действия данных истекает после закрытия вкладки браузера. Данные никогда не передаются на сервер. Имеет более высокий предел хранения, чем файлы cookie.
localStorage: никогда не истекает и может быть очищен только путем очистки кеша браузера или очистки объекта хранилища с помощью кода Javascript. Предел хранения является самым большим среди всех трех методов.
5. На что следует обратить внимание при проектировании или разработке многоязычных сайтов?
Программы чтения с экрана и устройства Брайля работают в зависимости от языка, заданного в атрибуте lang тега html. Если используется неверный код языка, это может привести к тому, что веб-страница будет недоступна для веб-браузера.
6. Как вы обслуживаете страницу с контентом на нескольких языках?
Хорошим подходом является запрос Accept-Language
. HTTP-заголовок запроса Accept-Language
информирует пользователя о языках, понятных клиенту, и позволяет пользователю выбрать язык, который ему подходит. Это позволяет получить доступ к сайту и использовать его в разных культурах.