Олег программист | Фронтендер

Кнопка с интересной анимацией при наведенииСсылка

Ты дурак или нет? 😀Попробуй закрыть модалку.Я написал для вас шуточную мини игру, попробуйте поймать модалку.Пишите у кого получилосьИграем с компаСсылка на игру

Действительно, ничего более отвратительного не придумаешь 😀А что вы самое ужасное делали ради денег?

Верстка сделанная с помощью chatGPTСсылка

В JavaScript есть несколько способов проверить, содержит ли строка определённое слово, например, слово legs. 1. Использование метода includes()Метод includes() проверяет, содержит ли строка подстроку. Он чувствителен к регистру.const str = "I have long legs and strong arms.";const hasLegs = str.includes("legs");console.log(hasLegs); // true2. Использование метода indexOf()Метод indexOf() возвращает индекс первого вхождения подстроки. Если подстрока не найдена, возвращается -1.const str = "I have long legs and strong arms.";const hasLegs = str.indexOf("legs") !== -1;console.log(hasLegs); // trueКакой способ используете вы?

3D анимация с бегущей строкойСмотреть код

Инкапсуляция в ООП и её реализация в JavaScriptИнкапсуляция — это один из фундаментальных принципов объектно-ориентированного программирования (ООП), наряду с наследованием, полиморфизмом и абстракцией.Этимология слова "инкапсуляция"Слово инкапсуляция происходит от латинского capsula — "коробочка" или "контейнер". Приставка "in-" означает "внутри". То есть инкапсуляция буквально означает "помещение чего-то в коробочку", что символизирует идею защиты содержимого от прямого внешнего воздействия.Пример:Начиная с ES2021, JavaScript предоставляет синтаксис для создания настоящих приватных свойств и методов с помощью #.class Person { #name; // Приватное свойство constructor(name) { this.#name = name; } getName() { return this.#name; }}const person = new Person('Alice');console.log(person.getName()); // Aliceconsole.log(person.#name); // Ошибка: Private field '#name' must be declared in an enclosing class

Селектор input:-webkit-autofill в CSS используется для стилизации полей ввода в HTML, которые автоматически заполняются браузером.Он активируется, когда браузер автоматически заполняет поле ввода данными из сохранённых данных пользователя.Вы можете применять стили, чтобы изменить внешний вид поля ввода, когда оно заполнено автоматически. Например:input:-webkit-autofill { background-color: yellow; color: red; border: 2px solid green;}Если браузер заполнит эти поля автоматически, к ним применится стиль, описанный в input:-webkit-autofill.