HTML тег base
Всем привет! Относительно недавно узнал что есть такой тег как
Пример:
Всем привет! Относительно недавно узнал что есть такой тег как
<base />. Так вот, он служит для того что-бы подменять url относительно которого будут ссылаться все относительные ссылки и определять их поведение.Пример:
<head>
<base href="https://some-other-domain.ru/" target="_blank">
</head>
<body>
<a href="somepage">Ссылка</a>
// Эквивалентно написанию:
<a href="https://some-other-domain.ru/somepage" target="_blank">Ссылка</a>
</body>
Надеюсь вам это было полезно, если будет интересно то вот тут вы сможете узнать более подробно о минусах и плюсах использования данного тега.👍33
CSS вопрос: Как перечисляются функции в свойстве transform?
Anonymous Quiz
28%
Через запятую
4%
Через дефис
35%
Через пробел
9%
Через точку с запятой
10%
Свойство transform позволяет указать только одну функцию
3%
Ни один из перечисленных вариантов ответа не является правильным
11%
Посмотреть ответы
👍11
Пару слов о стилизации React компонентов
Стилизация. Довольно насущный для меня момент. Несмотря на годы работы с React, стартуя новый проект, я каждый раз задумываюсь о стилизации. Я перепробовал многие её способы, больше и дольше всего я работал с
Читать...
Стилизация. Довольно насущный для меня момент. Несмотря на годы работы с React, стартуя новый проект, я каждый раз задумываюсь о стилизации. Я перепробовал многие её способы, больше и дольше всего я работал с
css-modules и styled-components. Сегодня я хочу предложить вам рассмотреть еще один не менее интересный вариант.Читать...
Хабр
Пару слов о стилизации React компонентов
Стилизация. Довольно насущный для меня момент. Несмотря на годы работы с React, стартуя новый проект, я каждый раз задумываюсь о стилизации. Я перепробовал многие её способы, больше и дольше всего я...
👍10🔥1🤔1
Javascript вопрос: Какие кавычки недопустимы в синтаксисе (не внутри строк) JS?
Anonymous Quiz
2%
' '
77%
« »
2%
" "
9%
` `
6%
Все перечисленные допустимы
5%
Посмотреть ответы
🎉9👎2💩2👍1
Улучшение Visual Studio Code для новичков
VSCode — самый популярный редактор кода среди веб-разработчиков. Вы можете использовать его с нуля, однако со временем его базовых функций станет недостаточно. Рассказываю, как сам докрутил этот редактор под свои потребности.
Читать...
VSCode — самый популярный редактор кода среди веб-разработчиков. Вы можете использовать его с нуля, однако со временем его базовых функций станет недостаточно. Рассказываю, как сам докрутил этот редактор под свои потребности.
Читать...
Хабр
Улучшение Visual Studio Code для новичков
VSCode — самый популярный редактор кода среди веб-разработчиков. Вы можете использовать его с нуля, однако со временем его базовых функций станет недостаточно. Рассказываю, как сам докрутил этот...
👍10
Что выведется в консоль?
Anonymous Quiz
27%
0 1 2 3 и "☕️" "💻" "🍷" "🍫"
33%
"☕️" "💻" "🍷" "🍫" и "☕️" "💻" "🍷" "🍫"
13%
"☕️" "💻" "🍷" "🍫" и 0 1 2 3
7%
0 1 2 3 и {0: "☕️", 1:"💻", 2: "🍷", 3: "🍫"}
19%
Посмотреть ответы
👍13🤔8👏1
5 фактов о this
Алоха всем! Я думаю многие кто из вас проходил интервью при устройстве на работу знают что вопросы на тему
👉 При 'use strict' this в функции = undefined а без 'use strict' ссылается на window
👉 Если функция вызывается как метод объекта, то этот объект становится значением this
👉 Внутри setTimeout this ссылается на window
👉 В обработчиках событий this ссылается на элемент который вызвал событие
Алоха всем! Я думаю многие кто из вас проходил интервью при устройстве на работу знают что вопросы на тему
this - одни из самых часто встречающихся, а те кто еще не проходил в общем знаете это теперь. Подготовил для вас небольшую шпаргалку на тему this
👉 В глобальном контексте this ссылается на window👉 При 'use strict' this в функции = undefined а без 'use strict' ссылается на window
👉 Если функция вызывается как метод объекта, то этот объект становится значением this
👉 Внутри setTimeout this ссылается на window
👉 В обработчиках событий this ссылается на элемент который вызвал событие
👍29🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Hamburger Icons Animations
Несколько вариантов анимации иконки-гамбургера, реализованные с помощью CSS и JavaScript.
#js
Несколько вариантов анимации иконки-гамбургера, реализованные с помощью CSS и JavaScript.
#js
👍18❤1
HTML вопрос: С помощью какого значения атрибута http-Equiv y тега meta можно перенаправить пользователя на другую страницу?
Anonymous Quiz
8%
refresh
67%
redirect
2%
restart
12%
Такого значения не существует
11%
Посмотреть ответы
👍5🔥1
Какого состояния не может быть у промиса?
Anonymous Quiz
55%
ready
13%
pending
8%
rejected
25%
fulfilled
👍2
Компоненты высшего порядка ReactJS (Higher-order components)
Приветствую коллеги! Огонь видео в котором автор без воды и с хорошими примерами рассказывает о HOC.
Рекомендую к просмотру так как это та штука которая будет часто вам встречаться в работе плюс об этом часто спрашивают на интервью при устройстве.
Смотреть…
Приветствую коллеги! Огонь видео в котором автор без воды и с хорошими примерами рассказывает о HOC.
Рекомендую к просмотру так как это та штука которая будет часто вам встречаться в работе плюс об этом часто спрашивают на интервью при устройстве.
Смотреть…
YouTube
Компоненты высшего порядка ReactJS (Higher-order components)
#React #ReactJS
Паттерн Компонент высшего порядка назван по аналогии с функциями высшего порядка. Функция высшего порядка - это функция, которая либо принимает функцию как аргумент, либо возвращает функцию как результат. И то же самое можно сделать с компонентами.…
Паттерн Компонент высшего порядка назван по аналогии с функциями высшего порядка. Функция высшего порядка - это функция, которая либо принимает функцию как аргумент, либо возвращает функцию как результат. И то же самое можно сделать с компонентами.…
👍3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Sliding Sign In Sign Up Page
Форма авторизации и регистрации с анимацией переключения между ними.
#css #js
Форма авторизации и регистрации с анимацией переключения между ними.
#css #js
👍23❤5
Приветствую фронты! Давно уже слышал про такую тему как
Задача: Отображать разные картинки в зависимости от размера девайса
Можно сделать и через CSS, но минус такого подхода в том что рендерится все-равно 2 картинки, а если элементов в которых нужно сделать такую подмену много(как у меня было) то это влияет на производительность. В итоге вспомнил про picture и применил его:
Выглядит примерно так:
<picture /> но применить на практике пришлось вот только недавно.Задача: Отображать разные картинки в зависимости от размера девайса
Можно сделать и через CSS, но минус такого подхода в том что рендерится все-равно 2 картинки, а если элементов в которых нужно сделать такую подмену много(как у меня было) то это влияет на производительность. В итоге вспомнил про picture и применил его:
Выглядит примерно так:
<picture>
<source media="(min-width:650px)" srcset="big_pic.jpg">
<source media="(min-width:465px)" srcset="small_pic.jpg">
<img src="pic.jpg" alt="pic" style="width:auto;">
</picture>
В общем вот вам, экспериментируйте =)Какое из перечисленных CSS правил использует псевдокласс?
Anonymous Quiz
6%
а - span {color: blue }
10%
* { color:blue }
32%
a:visited { color: blue }
52%
a::after { color: blue }
🥰3
😁9🔥1