Закладки программиста
Канал который я могу использовать в качестве не браузерных закладок Владелец: @bahtierkamalov21
Ko'proq ko'rsatish216
Obunachilar
Ma'lumot yo'q24 soatlar
-67 kunlar
-2430 kunlar
- Kanalning o'sishi
- Post qamrovi
- ER - jalb qilish nisbati
Ma'lumot yuklanmoqda...
Obunachilar o'sish tezligi
Ma'lumot yuklanmoqda...
Photo unavailableShow in Telegram
Как добавить всем чётным и не чётным элементам определённые свойства в 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👍 4
Repost from N/a
Использование ролей ориентиров 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, чтобы сделать его доступным, сделайте это
Оригинальная статья
#Статья | #ШпаргалкиARIA: landmark role - Accessibility | MDN
A landmark is an important subsection of a page. The landmark role is an abstract superclass for the aria role values for sections of content that are important enough that users will likely want to be able to navigate directly to them.
Сбросить групповые политики 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❤ 2
Repost from N/a
Использование файлов 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;
#Статья | #Шпаргалки🔥 3
Photo unavailableShow in Telegram
Эффект частиц во 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 | #JavaScriptRepost from N/a
📒 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\
#MySQLRepost from N/a
📑 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
#Шпаргалки | #Статьи👍 3
Boshqa reja tanlang
Joriy rejangiz faqat 5 ta kanal uchun analitika imkoniyatini beradi. Ko'proq olish uchun, iltimos, boshqa reja tanlang.