Закладки программиста

#It_Memes

Как добавить всем чётным и не чётным элементам определённые свойства в CSS? Для этого можно использовать :nth-child(even) или :nth-child(odd): .elements { & > * { width: 50%; &:nth-child(even) { padding-left: 1.875rem; } &:nth-child(odd) { padding-right: 1.875rem; } } } #CSS | #FrontEnd

#It_Memes

Использование ролей ориентиров HTML для улучшения специальных возможностей (Кратко) Важно убедиться, что ваш веб-сайт доступен для всех пользователей, в том числе для тех, кто использует вспомогательные технологии, такие как программы чтения с экрана. Один из способов сделать это — использовать роли ориентиров ARIA Что такое роли ориентиров HTML? Ориентиры определяются в спецификации Accessible Rich Internet Applications (ARIA) как области страницы, к которым пользователю может потребоваться быстрый доступ. Хотя не указано, что это специально для пользователей программ чтения с экрана, они представляют собой группу пользователей, для которых они особенно полезны. В спецификации ARIA определено восемь основных ролей: • banner • navigation • search • main • region • complementary • form • contentinfo Одним из способов назначения определенной роли элементу является использование атрибута элемента Например: role <div class="banner" role="banner"></div> Хотя могут быть случаи, когда вам нужно явно установить роль элемента, некоторые элементы HTML уже имеют роли, связанные с ними. В оставшейся части этого поста мы будем следовать первому правилу ARIA, которое заключается в следующем: Если вы можете использовать собственный HTML-элемент или атрибут с уже встроенной семантикой и поведением, которые вам нужны, вместо того, чтобы перепрофилировать элемент и добавлять роль, состояние или свойство ARIA, чтобы сделать его доступным, сделайте это Оригинальная статья #Статья | #Шпаргалки

Сбросить групповые политики Windows Для настройки различных параметров в Windows мы можем использовать Редактор локальных групповых политик. Для его открытия нажмите WIN + R и выполните команду gpedit.msc Если редактора локальных групповых политик нет, тогда создайте bat файл и внесите в него следующий код: @echo off pushd "%~dp0" dir /b %SystemRoot%\servicing\Packages\Microsoft-Windows-GroupPolicy-ClientExtensions-Package~3*.mum >List.txt dir /b %SystemRoot%\servicing\Packages\Microsoft-Windows-GroupPolicy-ClientTools-Package~3*.mum >>List.txt for /f %%i in ('findstr /i . List.txt 2^>nul') do dism /online /norestart /add-package:"%SystemRoot%\servicing\Packages\%%i" pause Затем запустите bat файл от имени администратора В некоторых случаях нам бывает необходимо сбросить все настроенные параметры на значения по умолчанию. Для этого запустите Командную строку от имени администратора и выполните по очереди три команды: • RD /S /Q "%WinDir%\System32\GroupPolicy" • RD / S /Q "%WinDir%\System32\GroupPolicyUsers" • gpupdate /force По завершению перезагрузите систему #Windows10 | #Windows11

Использование файлов cookie HTTP (Кратко) Файл cookie HTTP — это небольшой фрагмент данных, который сервер отправляет веб-браузеру пользователя Файлы cookie в основном используются для трех целей: • Управление сеансами • Персонализация • Отслеживание На данный момент использование файлов cookie для хранения информации, устарело. Хотя это имело смысл, когда они были единственным способом хранения данных на клиенте, теперь рекомендуются современные API-интерфейсы хранилища — Web Storage API Создание файлов cookie После получения HTTP-запроса сервер может отправить один или несколько Set-Cookie заголовков с ответом. Браузер обычно сохраняет файл cookie и отправляет его с запросами на тот же сервер внутри Cookie HTTP-заголовка. Вы можете указать дату истечения срока действия или период времени, по истечении которого файл cookie не должен отправляться Заголовок Set-Cookie ответа HTTP отправляет файлы cookie с сервера пользовательскому агенту. Простой файл cookie устанавливается следующим образом: • Set-Cookie: <cookie-name>=<cookie-value> Это указывает серверу, отправляющему заголовки, сообщить клиенту о необходимости сохранить пару файлов cookie: HTTP/2.0 200 OK Content-Type: text/html Set-Cookie: yummy_cookie=choco Set-Cookie: tasty_cookie=strawberry Затем при каждом последующем запросе к серверу браузер отправляет все ранее сохраненные файлы cookie обратно на сервер, используя заголовок Cookie: GET /sample_page.html HTTP/2.0 Host: www.example.org Cookie: yummy_cookie=choco; tasty_cookie=strawberry Срок действия файла cookie можно определить двумя способами: • Session cookies — удаляются после завершения текущего сеанса. Браузер определяет, когда заканчивается «текущий сеанс», а некоторые браузеры используют восстановление сеанса при перезапуске. Это может привести к тому, что сеансовые файлы cookie будут храниться неопределенно долго • Permanent cookies — удаляются в дату, указанную атрибутом Expires, или по истечении периода времени, указанного атрибутом Max-Age Например: Set-Cookie: id=a3fWa; Expires=Thu, 31 Oct 2021 07:28:00 GMT; #Статья | #Шпаргалки

Эффект частиц во Vue3 Библиотека particles.vue3 предоставляет возможность создать и манипулировать с эффектом частиц на странице сайта, но есть нюанс... Объект canvas благодаря которому мы видим частицы и можем с ними манипулировать, расположен фиксировано на всей странице, поэтому для перекрытия его другими элементами придётся задать z-index Установка: • yarn add particles.vue3 Использование:

  import Particles from "particles.vue3";
  createApp(App).use(Particles);

  <vue-particles
    id="tsparticles"
    :particlesInit="particlesInit"
    :particlesLoaded="particlesLoaded"
    url="http://foo.bar/particles.json"
  />

Примечание: • Установку совершать только через yarn!! У меня через npm не получилось #Vue | #FrontEnd | #JavaScript

📒 Linux From Scratch Linux From Scratch — способ установки Linux, а также книга Герарда Бикманса и др., описывающая процесс сборки своего дистрибутива операционной системы Linux из исходных кодов. Книга свободно доступна с сайта: https://www.linuxfromscratch.org Зачем мне нужна система LFS? LFS учит людей тому, как работает система Linux изнутри — создание LFS учит вас всему, что делает Linux важным, как все работает вместе и зависит друг от друга. И самое главное, как настроить его под свои вкусы и потребности. Сборка LFS позволяет получить очень компактную систему Linux — когда вы устанавливаете обычный дистрибутив, вам часто приходится устанавливать множество программ, которые вы, вероятно, никогда не будете использовать. Они просто сидят и занимают (драгоценное) дисковое пространство. Нетрудно установить систему LFS размером менее 100 МБ. Это все еще звучит много? Некоторые из нас работали над созданием очень маленькой встроенной системы LFS. Мы установили систему, которой было достаточно для запуска веб-сервера Apache; общее использование дискового пространства составило примерно 8 МБ. При дальнейшем удалении этот размер можно уменьшить до 5 МБ или меньше. Попробуйте это с обычным дистрибутивом. LFS чрезвычайно гибок — строительство LFS можно сравнить с готовым домом. LFS предоставит вам скелет дома, но вы сами сможете установить сантехнику, электрические розетки, кухню, ванну, обои и т. д. У вас есть возможность превратить его в любую систему, которая вам нужна, полностью настроенную. для тебя. LFS предлагает вам дополнительную безопасность — вы скомпилируете всю систему из исходного кода, что позволит вам проверить все, если вы этого хотите, и применить все исправления безопасности, которые вы хотите или должны применить. Вам не придется ждать, пока кто-то другой предоставит новый двоичный пакет, который (надеюсь) исправит дыру в безопасности. Часто вы никогда не узнаете, устранена ли дыра в безопасности или нет, если не сделаете это самостоятельно. Примечания: • Последнее издание книги 11.3; • Формат файла: PDF

Ошибка: UnicodeDecodeError at /api/v1/read_only_projects/ 'utf-8' codec can't decode byte 0xff in position 0: invalid start byte Если в Django при добавлении модели в Базу данных и при переходе после этого на страницу вашего сериализатора, вы замечаете эту ошибку — это значит, что ваша База данных записывает таблицы в неправильной кодировке Ниже приведены инструкции по изменению кодировки таблицы и базы данных в MySQL: Изменение кодировки для существующей таблицы: • ALTER TABLE table_name CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; Замените table_name на имя вашей таблицы. В данном примере я использовал кодировку utf8mb4 и набор символов utf8mb4_unicode_ci, но вы можете выбрать другие кодировки и наборы символов в зависимости от ваших потребностей Изменение кодировки для существующей базы данных: • Остановите MySQL сервер • Внесите изменения в файл конфигурации MySQL (обычно my.cnf или my.ini) и добавьте параметр character-set-server с нужным значением кодировки, например: character-set-server = utf8mb4 • Запустите MySQL сервер • Для каждой таблицы в базе данных выполните запросы, как указано в первом пункте, чтобы изменить кодировку таблиц Расположение файла my.cnf в Linux: • /etc/mysql/my.cnf • /etc/my.cnf • /usr/local/mysql/etc/my.cnf Расположение файла my.cnf в Windows: • C:\ProgramData\MySQL\MySQL Server 8.0\ #MySQL

📑 MIME types MIME type — так же известный как Multipurpose Internet Mail Extensions или MIME тип, является стандартом, который описывает природу и формат документа, файла или набора байтов. Он определён и стандартизирован в спецификации RFC 6838 Структура MIME-типа MIME-тип чаще всего состоит всего из двух частей: типа и подтипа, разделенных косой чертой / — без пробелов между ними: type/subtype Необязательный parameter может быть добавлен для предоставления дополнительных сведений: type/subtype;parameter=value Типы Существует два класса типов: дискретные и многосоставные: Дискретные типы — это типы, которые представляют один файл или носитель, например один текстовый или музыкальный файл или одно видео В настоящее время в IANA зарегистрированы следующие дискретные типы: • application, примеры: application/octet-stream application/pdf application/pkcs8 application/zip • audio, примеры: audio/mpeg audio/vorbis • example, примеры: font/woff font/ttf font/otf • image, примеры: image/jpeg image/png image/svg+xml • model, примеры: model/3mf model/vrml • text, примеры: text/plain text/csv text/html • video, примеры: video/mp4 Составные типы — это типы, которые представляют документы, состоящие из нескольких составных частей, каждая из которых может иметь свой собственный тип MIME Существует два составных типа: • message, примеры: message/rfc822 message/partial • multipart, примеры: multipart/form-data multipart/byteranges #Шпаргалки | #Статьи