Разница между CSS-сеткой и Flexbox?

CSS Grid Layout - это двухмерная система, то есть она может обрабатывать как столбцы, так и строки. Макет сетки предназначен для крупномасштабных макетов, которые не являются линейными по дизайну.

Flexbox - это в основном одномерная система (столбец или строка). Макет Flexbox лучше всего подходит для компонентов приложения

Как работает Calc?

Функция CSS3 calc () позволяет нам выполнять математические операции со значениями свойств. Вместо объявления, например, статических значений пикселей для ширины элемента, мы можем использовать calc (), чтобы указать, что ширина является результатом сложения двух или более числовых значений.

Что означают переменные пользовательских свойств CSS?

Пользовательские свойства (иногда называемые переменными CSS или каскадными переменными) определяются пользователями, которые содержат определенные значения, которые можно повторно использовать в документе. Значение устанавливается с помощью - понятие. Доступ к значениям осуществляется с помощью функции var ().

В чем преимущества использования translate () вместо абсолютного положения?

Translate () не заставляет браузер запускать перерисовку и разметку, а вместо этого действует только на композитор. Абсолютное положение запускает перерисовку или перекомпоновку DOM. Итак, translate () дает лучшую производительность.

В чем разница между переменными CSS и переменными препроцессора (SASS, LESS, Stylus)?

->Переменные CSS можно использовать без препроцессора. В настоящее время все основные браузеры поддерживают переменные CSS.

->Каскад переменных CSS. Но переменные препроцессора не каскадируются.

->Переменная CSS может быть доступна и манипулировать javascript.

Что значит "important" в CSS?

Стиль имеет наивысший приоритет и имеет приоритет над каскадным свойством.

Программа Python для генерации пароля

Чтобы написать программу Python для создания пароля, объявите строку чисел + прописные + строчные + специальные символы. Возьмите случайную выборку строки длины, заданной пользователем. Сначала я импортировал модуль random в Python, затем я попросил пользователя ввести длину пароля. Затем я сохранил буквы, цифры и специальные символы, которые хочу учитывать при создании пароля. Затем я делаю случайную выборку, объединяя длину пароля и переменную s, что в конечном итоге сгенерирует случайный пароль.

JavaScript - угадай цвет

Кодировать игру по угадыванию цвета с помощью JavaScript довольно просто:

Вы создаете игру, в которой игрок будет видеть одно значение RGB для цвета. Игрок должен нажать на цвет, который, по его мнению, соответствует отображаемому значению RGB. Вы можете легко добавить в игру больше функций, чтобы усложнить ее.

Например, вы можете ограничить количество догадок или дать игроку три «жизни». При каждом неверном предположении они проигрывают одну, и игра заканчивается, когда у них кончаются жизни.

Как определить, поддерживает ли браузер ту или иную функцию?

@Support в CSS может быть очень полезным для сканирования, если текущий браузер поддерживает определенную функцию.

JavaScript: Подробное руководство (Definitive Guide)

Еще одна книга по JavaScript для начинающих - это JavaScript: The Definitive Guide. Любой, кто заинтересован в создании мощных веб-приложений, должен прочитать исчерпывающую книгу JS. Он исследует несколько функций API JS и веб-платформы, предназначенных для разработки веб-приложений.

JavaScript: The Definitive Guide - лучший выбор для того, чтобы получить глубокое понимание работы замыкания, графики и прототипирования. Количество страниц в книге превышает 1000 страниц, разделенных на подробные главы, полные примеров.

Что вы думаете об этой анимации?

​​Что такое TypeScript?

TypeScript - это типизированный надмножество JavaScript, созданное Microsoft, которое добавляет дополнительные типы, классы, async / await и многие другие функции и компилирует в простой JavaScript. Angular полностью построен на TypeScript и используется в качестве основного языка. Вы можете установить его глобально как:

Что такое директивы?

Директивы добавляют поведение существующему элементу DOM или существующему экземпляру компонента.

Причины использовать анимацию на вашем сайте

Анимация веб-сайта поможет вам выделиться среди других веб-сайтов. Маленькая анимация поможет вам создать потрясающий дизайн веб-сайта и эффекты на нем.

Это может помочь привлечь внимание пользователей к определенному элементу, чтобы отобразить часть определенной информации, которая может оказаться полезной для пользователей.

Это также помогает пользователям развлекать их, пока сайт загружается. Красивая и интересная анимация удерживает пользователя на странице, пока сайт не загрузится, и не переходит на другой сайт. Хорошая анимация загрузки привлекает внимание, и если им есть что-то интересное для просмотра, они ждут и меньше сосредотачиваются на времени загрузки.

Анимация hover:

В некоторых случаях необходимо предоставить пользователям информацию о том, что определенные элементы являются интерактивными. Чтобы узнать, реагируют ли определенные элементы, пользователи наводят курсор на определенные разделы. Это можно использовать для отображения информации, которую они нажали на кнопку, или другой такой важной информации. Следовательно, в таких случаях необходимо предоставить анимацию наведения, чтобы знать, что определенные элементы интерактивны.