Как работает свойство z-index в CSS, если у двух элементов одинаковое значение z-index?
Anonymous Quiz
43%
Сначала будет отображаться тот, который находится выше в HTML-коде
46%
Сначала будет отображаться тот, который находится ниже в HTML-коде
8%
Элементы будут наложены друг на друга в случайном порядке
3%
Они оба будут скрыты
👍2🔥1
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Кроссбраузерное тестирование
2. Как сделать фильтр на сайте?
3. Нагрузочное тестирование сайта
Лучшие фронтенд вакансии @job_webdev:
1. Frontend разработчик
2. React Разработчик
3. HTML-верстальщик
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер
2. UX/UI-дизайнер
3. Web-дизайнер
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Кроссбраузерное тестирование
2. Как сделать фильтр на сайте?
3. Нагрузочное тестирование сайта
Лучшие фронтенд вакансии @job_webdev:
1. Frontend разработчик
2. React Разработчик
3. HTML-верстальщик
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер
2. UX/UI-дизайнер
3. Web-дизайнер
#лучшеезанеделю
👍1
Что произойдет, если на веб-странице не будет указан <!DOCTYPE html>?
Anonymous Quiz
42%
Страница не загрузится
14%
Страница будет отображаться в "quirks mode"
7%
Веб-браузер проигнорирует все CSS-правила
36%
Это не влияет на поведение страницы
👍4
Задача: Реализовать функцию для "сворачивания" массива
Представьте, что вам нужно реализовать функцию, которая "сворачивает" массив, объединяя элементы с одинаковыми значениями и подсчитывая их количество. На вход подается массив значений, а на выходе ожидается объект, где ключами будут уникальные значения массива, а значениями — количество их вхождений.
Пример:
Условия:
Функция должна корректно работать с массивами любых типов данных, например, строк, чисел, или даже объектов, если в них используется одинаковая ссылка.
Постарайтесь реализовать решение с минимальным количеством проходов по массиву.
Вопросы для обсуждения на собеседовании:
Как функция будет обрабатывать массив с большим количеством элементов?
Как можно оптимизировать использование памяти при работе с крупными массивами?
Как можно адаптировать функцию для обработки массивов, содержащих объекты с одинаковыми значениями, но разными ссылками?
#домашка
Представьте, что вам нужно реализовать функцию, которая "сворачивает" массив, объединяя элементы с одинаковыми значениями и подсчитывая их количество. На вход подается массив значений, а на выходе ожидается объект, где ключами будут уникальные значения массива, а значениями — количество их вхождений.
Пример:
const input = ['apple', 'banana', 'apple', 'orange', 'banana', 'apple'];
const result = countOccurrences(input);
console.log(result);
// Ожидаемый вывод:
// {
// apple: 3,
// banana: 2,
// orange: 1
// }
Условия:
Функция должна корректно работать с массивами любых типов данных, например, строк, чисел, или даже объектов, если в них используется одинаковая ссылка.
Постарайтесь реализовать решение с минимальным количеством проходов по массиву.
Вопросы для обсуждения на собеседовании:
Как функция будет обрабатывать массив с большим количеством элементов?
Как можно оптимизировать использование памяти при работе с крупными массивами?
Как можно адаптировать функцию для обработки массивов, содержащих объекты с одинаковыми значениями, но разными ссылками?
#домашка
Календарь для сайта
Современный и удобный календарь для сайта на чистом js
Посмотреть на github 🧑💻
#полезности
Современный и удобный календарь для сайта на чистом js
Посмотреть на github 🧑💻
#полезности
🔥3👏1
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. async/await в JavaScript
2. Крутые CSS свойства
3. auto-fill против auto-fit
Лучшие фронтенд вакансии @job_webdev:
1. Frontend developer
2. HTML-верстальщик
3. Frontend разработчик
Лучшие дизайн вакансии @job_webdesign:
1. UX/UI Designer
2. Web-дизайнер
3. UX/UI designer (CMS) Middle+
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. async/await в JavaScript
2. Крутые CSS свойства
3. auto-fill против auto-fit
Лучшие фронтенд вакансии @job_webdev:
1. Frontend developer
2. HTML-верстальщик
3. Frontend разработчик
Лучшие дизайн вакансии @job_webdesign:
1. UX/UI Designer
2. Web-дизайнер
3. UX/UI designer (CMS) Middle+
#лучшеезанеделю
👍1
Splide - аналог swiper.js
Splide.js это легкая и гибкая библиотека JavaScript для создания адаптивных и настраиваемых слайдеров или каруселей на веб-страницах. Он предоставляет простой и интуитивно понятный API, который позволяет разработчикам легко внедрять и настраивать слайдеры с минимальными усилиями.
Одним из ключевых преимуществ Splide.js является его производительность. Он разработан таким образом, чтобы быть быстрым и эффективным, обеспечивая плавные переходы и анимацию даже при большом количестве контента. Он также имеет небольшой размер файла, что помогает оптимизировать время загрузки страницы.
Смотреть 👨💻
#полезности
Splide.js это легкая и гибкая библиотека JavaScript для создания адаптивных и настраиваемых слайдеров или каруселей на веб-страницах. Он предоставляет простой и интуитивно понятный API, который позволяет разработчикам легко внедрять и настраивать слайдеры с минимальными усилиями.
Одним из ключевых преимуществ Splide.js является его производительность. Он разработан таким образом, чтобы быть быстрым и эффективным, обеспечивая плавные переходы и анимацию даже при большом количестве контента. Он также имеет небольшой размер файла, что помогает оптимизировать время загрузки страницы.
Смотреть 👨💻
#полезности
👍4👎1