Frontender Libs - обзор библиотек JS / CSS

CSS | Google Border Анимированный border на HTML / CSS в стиле Google с использованием @keyframes , ::before, ::after Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari Адаптивный ко всем экранам

Bit | Набор современных компонентов Bit позволяет разработчикам и командам экономить время, предоставляет набор готовых компонентов для всех популярных JS фреймворков (React, Vue, Node, Angular) и нативного JS. Он работает с GitHub и NPM, так что вы можете легко публиковать и устанавливать компоненты для любого проекта.

CSS | Flex-shrink 3адает «коэффициент сжатия при заполнении», который определяет, насколько элемент будет сжиматься относительно остальных элементов в контейнере, когда в блоке недостаточно места. По умолчанию он установлен на 1 Пример : Представьте, что у нас есть три предмета в одном контейнере. Посмотрите, что указывают их значения flex-shrink: Первый элемент flex-shrink: 1; Теряет 1/6 пространства Второй элемент flex-shrink: 3; Потеряет 3/6 (половину) свободного пространства Третий элемент flex-shrink: 2; Потеряет 2/6 (трети) свободного пространства

SQL Aliases SQL Aliases используется, чтобы дать таблице или столбцу в таблице временное название. Оно существует только на время запроса. Оптимально использовать для : - Читабельности, при длинных названиях - Для объединения 2-х и более столпцов SELECT CustomerName, CONCAT(Address, " ", PostalCode, " ", City) AS Address FROM Customers; Output: CustomerName Alfreds Futterkiste Address Obere Str. 57 12209 Berlin

JavaScript arr.entries() Метод arr.entries() используется для получения нового массива, который содержит ключ и значение для каждого индекса массива.Данный метод не принимает параметров var array = ["HTML", "CSS", "JS", "Bootstrap", "PHP"]; var entries = array.entries(); console.log("Applying the Array entries method:"); for (var i of entries) { consol.log( i ); } Output : Applying the Array entries method: 0,HTML 1,CSS 2,JS 3,Bootstrap 4,PHP

Google bot and JavaScript Алгоритм GoogleBot для индексации JS сайта: - загрузка HTML - Загрузка CSS и JS - Разбор и компиляция js через WRS (Google Web Rendering Service) - Получение данных с api - Обработка системой индексирования - Добавление новых ссылок в очередь на сканирование На 1 Мб JS-кода по информации из Google Samsung Galaxy S7 тратит примерно 850 мс, а Nexus 5 — примерно 1700 мс! Некоторые рекомендации JS разработчикам: - стоит стремиться к тому, чтобы обеспечить скорость выполнения скриптов.Google вряд ли станет ждать результатов выполнения скрипта, более 5 секунд - присутствие контента, ссылок в DOM до того, как сработает JS.

PHP mktime() Функция mktime работает аналогично функции time, но, в отличие от нее, принимает параметры: mktime(час, минута, секунда, месяц, день, год) (обратите внимание на то, что месяц и день переставлены местами) <?php /* Функция вернет timestamp для 31 января 2020 года, 12 часов, 43 минуты, 59 секунд: */ echo mktime(12, 43, 59, 1, 31, 2020);

?>

Применение : Пусть нам нужно найти разницу в секундах между текущим моментом времени и полуднем <?php /* Функция time() вернет текущий момент времени в формате timestamp, а mktime - за заданную дату. Отнимем результаты друг от друга и получим разницу в секундах: */ echo time() - mktime(12, 0, 0, 2, 1, 2000); ?>

NODEMAILER Это модуль для приложений Node.js, позволяющий легко отправлять электронные письма. Преимущества : - Поддержка Юникода для использования любых символов , включая эмодзи 💪 - HTML content вместо обычного текста ✉️ - Быстрая настройка 🛠 - Множество конфигураций ⚙️ - Безопасность 🦠 - Более миллиона установок ♻️

SQL WHERE Используется для указания условия при извлечении данных из таблиц . WHERE используется не только в операторе SELECT, но также в операторе UPDATE, DELETE Синтаксис

SELECT column1, column2, columnN
FROM table_name
WHERE 

column2 > 25 Следующий запрос является примером, который извлекает поля

column1, column2, columnN

из таблицы

table_name

где значения в column2 больше 25