Публикации по теме 'front-end-development'
Создание липкого заголовка для вашего сайта
Что это?! 🤨
Прикрепленный заголовок – это распространенный элемент веб-дизайна, который остается зафиксированным в верхней части веб-страницы, когда пользователь прокручивает ее вниз. Это помогает улучшить взаимодействие с пользователем, предоставляя быстрый доступ к важным навигационным ссылкам и информации.
Давайте рассмотрим простой фрагмент кода, показывающий, как создать прикрепленный заголовок для вашего сайта.🤗
🟣 HTML-структура 🟣
Начните с настройки базовой..
7 задач на струны, которые нужно решить перед следующим собеседованием
В нашей серии вопросов для собеседования по JS сегодня мы обсудим 10 строковых задач на собеседовании.
Проблема 1: Действительная анаграмма
Анаграмма — это слово или фраза, образованная путем перестановки букв другого слова или фразы, обычно с использованием всех исходных букв ровно один раз.
Example 1:
Input: s = "anagram", t = "nagaram"
Output: true
Example 2:
Input: s = "rat", t = "car"
Output: false
Решения 1:
const validAnagram = (s,..
Введение в программирование, управляемое событиями
Событийное программирование - это парадигма программирования в области информатики. В этом типе парадигмы программирования поток выполнения определяется такими событиями, как щелчки пользователя или другие потоки программирования или результат запроса из базы данных. События обрабатываются обработчиками событий или обратными вызовами событий.
Обратный вызов события - это функция, которая вызывается, когда происходит что-то важное, например, когда событие щелчка выполняется пользователем..
🌟 Повысьте свои навыки работы с интерфейсом! 🌟
Вы увлечены фронтенд-разработкой? Хотите вывести свои навыки на новый уровень? Вот несколько замечательных веб-сайтов, которые помогут вам улучшить свои навыки работы с интерфейсом:
1️⃣ Codecademy ( www.codecademy.com ): Codecademy предлагает интерактивные курсы кодирования, включая HTML, CSS, JavaScript и многое другое. Оттачивайте свои навыки с помощью практических упражнений и реальных проектов.
2️⃣ Веб-документы MDN ( developer.mozilla.org ): Веб-документы MDN — бесценный ресурс..
Переключение темы с использованием CSS и Vanilla JS
Большинство современных веб-сайтов и приложений сегодня поддерживают соответствующие параметры тем, давайте посмотрим, как мы можем добиться этого, используя только переменную CSS и собственный JavaScript.
Обычно мы видим два типа тем: светлую и темную. Но могут быть сценарии, в которых вам может потребоваться поддержка нескольких тем. Например, разные темы для разных географических регионов или версии приложения/веб-сайта.
Реализация заключается в понимании того, что такое переменные..
Как создавать отличные элементы управления HTML-формами
Как создавать отличные элементы управления HTML-формами
Сегодня я собираюсь показать вам все, что нужно учитывать при создании идеального HTML-ввода. Несмотря на его кажущуюся простоту, на самом деле в него входит многое.
Как сделать контроль
Что ж, нам нужно с чего-то начать. Можно также начать с самого управления.
HTML предлагает на выбор три различных элемента управления формой: <input> , <textarea> и <select> . Сегодня мы будем использовать..
Как в шутку имитировать свойство, доступное только для чтения
Когда мы пишем тестирование JavaScript / TypeScript, jest фактически является стандартной библиотекой тестирования. Jest позволяет нам написать хороший тестовый код с простой и современной системой фиксации.
Как и при вызове API, когда мы не хотим использовать реальную систему, мы можем написать такой код, как:
Но я предполагаю, что цель-имитатор не всегда можно переназначить, например File.prototype.size Я собираюсь объяснить эту проблему с помощью функции, которая проверяет..
