Насколько потолстел JavaScript к 2024 году?
Я немного отстал от современных тенденций фронтенд-разработки. Помню, были статьи на тему раздутия веб-среды, в которых писали, что средний размер страницы начал достигать нескольких мегабайтов!
И всё это время я жил с мыслью, что если средний размер страницы равен, скажем, 3 МБ, то JS-бандл должен составлять около 1 МБ. Естественно, основную часть объёма должно занимать содержимое, не так ли?
Что ж, проверить это можно лишь экспериментальным путём, чем я и займусь!
#js #ru
Я немного отстал от современных тенденций фронтенд-разработки. Помню, были статьи на тему раздутия веб-среды, в которых писали, что средний размер страницы начал достигать нескольких мегабайтов!
И всё это время я жил с мыслью, что если средний размер страницы равен, скажем, 3 МБ, то JS-бандл должен составлять около 1 МБ. Естественно, основную часть объёма должно занимать содержимое, не так ли?
Что ж, проверить это можно лишь экспериментальным путём, чем я и займусь!
#js #ru
Задачи по Front-end - канал с задачками и тестами по JS/CSS/HTML.
На канале вы найдете:
- тесты по Javascript;
- тесты по CSS;
- тесты по HTML;
- вопросы с собеседований с решением по JS, CSS, HTML
Подписывайтесь, решайте и предлагайте свои решения: @frontquizes
На канале вы найдете:
- тесты по Javascript;
- тесты по CSS;
- тесты по HTML;
- вопросы с собеседований с решением по JS, CSS, HTML
Подписывайтесь, решайте и предлагайте свои решения: @frontquizes
Telegram
Задачи по JS/CSS/HML
Задачи по JS/CSS/HML
Опросы и тесты.
Задачи с собеседований и их решения.
@viktorreh
Чат для обсуждения наших задач: https://www.tgoop.com/+YShywCEkhylkMDVi
Опросы и тесты.
Задачи с собеседований и их решения.
@viktorreh
Чат для обсуждения наших задач: https://www.tgoop.com/+YShywCEkhylkMDVi
This media is not supported in your browser
VIEW IN TELEGRAM
Cityscape
При нажатии на части сцены задаются различные CSS-классы, которые запускают анимации и трансформации.
#css
При нажатии на части сцены задаются различные CSS-классы, которые запускают анимации и трансформации.
#css
JavaScript. Что будет выведено в консоль?
Anonymous Quiz
27%
{x: 100, y: 20}
39%
{x: 10, y: 20}
7%
{x: 100}
18%
ReferenceError
9%
Посмотреть ответ
Эффект размытия вместо тени на CSS
С тенями в CSS все довольно просто: объявляете свойство box-shadow, задаете смещения тени, определяете размытие и задаете цвет. Это отличный способ придать глубину тому, что в остальном было бы плоским дизайном!
Черпая вдохновение в тенях, автор статьи Яир Эвен Ор (Yair Even Or) создает нечто подобное, только с эффектом размытия вместо тени. В этой статье вы получите пошаговое объяснение того, как это делается с помощью комбинации масок, градиентов и старого доброго свойства backdrop-filter.
#css #ru
С тенями в CSS все довольно просто: объявляете свойство box-shadow, задаете смещения тени, определяете размытие и задаете цвет. Это отличный способ придать глубину тому, что в остальном было бы плоским дизайном!
Черпая вдохновение в тенях, автор статьи Яир Эвен Ор (Yair Even Or) создает нечто подобное, только с эффектом размытия вместо тени. В этой статье вы получите пошаговое объяснение того, как это делается с помощью комбинации масок, градиентов и старого доброго свойства backdrop-filter.
#css #ru
Javascript. Какие кавычки недопустимы в синтаксисе (не внутри строк) JS?
Anonymous Quiz
1%
' '
2%
" "
79%
« »
5%
` `
10%
Все перечисленные допустимы
3%
Посмотреть ответы
Javascript js frontend pinned «Задачи по Front-end - канал с задачками и тестами по JS/CSS/HTML. На канале вы найдете: - тесты по Javascript; - тесты по CSS; - тесты по HTML; - вопросы с собеседований с решением по JS, CSS, HTML Подписывайтесь, решайте и предлагайте свои решения: @frontquizes»