KA
Ограничивать по ip? Или как это делается
По домену, от которого идёт запрос
Size: a a a
2020 February 21
KA
По чему-нибудь ещё. Это всё гуглиться
И
Спасибо
AP
Ограничивать по ip? Или как это делается
Есть такое понятие, как api token, он обычно выпускается бессрочно, и к вам доступ можно получить только при его наличии, но в веб-приложения его использовать бессмысленно, потому что можно легко вытащить. Обычно его используют при общении разных бэкендов между собой
KA
Есть такое понятие, как api token, он обычно выпускается бессрочно, и к вам доступ можно получить только при его наличии, но в веб-приложения его использовать бессмысленно, потому что можно легко вытащить. Обычно его используют при общении разных бэкендов между собой
Плюс
А
Вопрос, есть textarea, у нем есть фраза и нужно чтобы пользователь мог продолжить ввод с нее, т.е. не мог ее удалить, типо
"Потому что ...."
Как можно реализовать?
"Потому что ...."
Как можно реализовать?
AP
Отлавливать onChange event, проверять, есть ли в начале текстбокса фраза, если нету, то восстанавливать, это первое, что приходит в голову
AP
Вторая мысль - реализовать кастомный текстбокс, в котором эта надпись будет уже не редактируемым текстом, а простым лейблом, и перед отправкой данных просто добавлять эту фразу к тексту
AP
Третья мысль - заюзать библиотеку для маскирования инпутов и добавить маску, в которой в начале будет строго заданный текст, а далее любое количество любых символов, в этом случае эта либа сама будет отлавливать случаи стереть текст и исправлять эту проблему
А
хм, почитаю про 3 мысль, спасибо)
AP
Тут почти в точности первый мой вариант, разве что отслеживается keyup event )
AP
хм, почитаю про 3 мысль, спасибо)
А
Спасибо)
АТ
Привет
вот мой код
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<style>
div{
height:90px;
width:213px;
border: 2px outset #615c6b;
}
svg{
height:60px;
width:140px;
transform: translate(-20%, 20%)
}
p{
text-align: center;
transform: translate(5%, -250%);
}
a{
color: #615c6b;
text-decoration: none;
}
div:hover{
background: red;
}
</style>
<body>
<div>
<svg viewBox="0 0 297.6 297.6"><path d="M191.1 240.2v20.3c0 2.2-.1 4.5 0 6.7 0 1.3-.4 1.8-1.7 1.7H36.6c-2.9 0-2.9 0-2.9-2.9 0-64.9 0-129.8-.1-194.7 0-2.2.5-2.9 2.8-2.9 22 .1 44.1.1 66.1.1h2.7c0-.9.1-1.7.1-2.5 0-7.9.1-15.8 0-23.8 0-2 .6-2.5 2.5-2.5 35.3.1 70.5.1 105.8 0 1.6 0 2.6.5 3.6 1.7 9.4 11 18.8 22 28.3 33 5.1 5.9 10.1 11.8 15.2 17.7 1.4 1.7 2.1 3.3 2.1 5.6-.1 46.5 0 92.9-.1 139.4 0 3.6.3 3.2-3.3 3.2h-65c-.9-.1-1.9-.1-3.3-.1zM47.8 254.7h129.1V132.6h-40.5c-2 0-2.5-.5-2.5-2.5.1-14.9 0-29.9 0-44.8v-2.8H47.6c.2 57.5.2 114.8.2 172.2zm200.9-150.8h-39.9c-3.1 0-3.1 0-3.1-3.2V56.6v-2.7h-86.2v14.5h2.6c6.7 0 13.4 0 20.2.1 1 0 2.2.5 2.8 1.2 3.9 4.3 7.6 8.8 11.4 13.2 11.1 12.9 22.2 25.8 33.2 38.8.8.9 1.3 2.4 1.3 3.6.1 6.5.1 13 .1 19.5 0 .8.1 1.6.1 2.5H220.8c6.2 0 6.2 0 6.2 6.2v8h-35.6v14.6h3.1c10 0 20 .1 30-.1 2.1 0 2.7.7 2.6 2.7-.2 3.1-.1 6.1 0 9.2.1 1.8-.6 2.3-2.3 2.2-10.3-.1-20.6 0-30.9 0h-2.5v36h57.5c-.2-40.8-.2-81.3-.2-122.2zm-8.1-14.1c-7-8.2-13.6-15.9-20.7-24.1v24.1h20.7zm-71.7 28.7c-7-8.2-13.6-15.9-20.7-24.1v24.1h20.7z"/><path d="M112.4 190H71.9c-1.8 0-2.5-.5-2.4-2.4.1-3 .2-6 0-9-.1-2.1.5-2.8 2.7-2.8 19.7.1 39.4 0 59.1 0h21.9c1.5 0 2.1.4 2.1 2-.1 3.1-.2 6.1 0 9.2.1 2.2-.4 2.9-2.8 2.9-13.3 0-26.7.1-40.1.1zM69.6 218.7c0-4.5 0-8.7.1-13 0-.4 1.1-1 1.8-1 3.7-.1 7.5-.1 11.2-.1h70.1c2 0 2.7.5 2.6 2.6-.2 2.9-.2 5.8 0 8.7.1 2.1-.5 2.8-2.7 2.8-19-.1-38.1 0-57.1 0h-26zM90.9 161.3H71.7c-1.5 0-2.1-.4-2.1-2 .1-3.4.1-6.7 0-10.1-.1-1.6.6-2 2.1-2h38.7c1.4 0 2 .3 2 1.9-.1 3.4-.1 6.9 0 10.3 0 1.5-.5 1.9-2 1.9H90.9z"/>
</svg>
<p><a href="#">Текст</a></p>
</div>
</body>
</html>
вот мой код
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<style>
div{
height:90px;
width:213px;
border: 2px outset #615c6b;
}
svg{
height:60px;
width:140px;
transform: translate(-20%, 20%)
}
p{
text-align: center;
transform: translate(5%, -250%);
}
a{
color: #615c6b;
text-decoration: none;
}
div:hover{
background: red;
}
</style>
<body>
<div>
<svg viewBox="0 0 297.6 297.6"><path d="M191.1 240.2v20.3c0 2.2-.1 4.5 0 6.7 0 1.3-.4 1.8-1.7 1.7H36.6c-2.9 0-2.9 0-2.9-2.9 0-64.9 0-129.8-.1-194.7 0-2.2.5-2.9 2.8-2.9 22 .1 44.1.1 66.1.1h2.7c0-.9.1-1.7.1-2.5 0-7.9.1-15.8 0-23.8 0-2 .6-2.5 2.5-2.5 35.3.1 70.5.1 105.8 0 1.6 0 2.6.5 3.6 1.7 9.4 11 18.8 22 28.3 33 5.1 5.9 10.1 11.8 15.2 17.7 1.4 1.7 2.1 3.3 2.1 5.6-.1 46.5 0 92.9-.1 139.4 0 3.6.3 3.2-3.3 3.2h-65c-.9-.1-1.9-.1-3.3-.1zM47.8 254.7h129.1V132.6h-40.5c-2 0-2.5-.5-2.5-2.5.1-14.9 0-29.9 0-44.8v-2.8H47.6c.2 57.5.2 114.8.2 172.2zm200.9-150.8h-39.9c-3.1 0-3.1 0-3.1-3.2V56.6v-2.7h-86.2v14.5h2.6c6.7 0 13.4 0 20.2.1 1 0 2.2.5 2.8 1.2 3.9 4.3 7.6 8.8 11.4 13.2 11.1 12.9 22.2 25.8 33.2 38.8.8.9 1.3 2.4 1.3 3.6.1 6.5.1 13 .1 19.5 0 .8.1 1.6.1 2.5H220.8c6.2 0 6.2 0 6.2 6.2v8h-35.6v14.6h3.1c10 0 20 .1 30-.1 2.1 0 2.7.7 2.6 2.7-.2 3.1-.1 6.1 0 9.2.1 1.8-.6 2.3-2.3 2.2-10.3-.1-20.6 0-30.9 0h-2.5v36h57.5c-.2-40.8-.2-81.3-.2-122.2zm-8.1-14.1c-7-8.2-13.6-15.9-20.7-24.1v24.1h20.7zm-71.7 28.7c-7-8.2-13.6-15.9-20.7-24.1v24.1h20.7z"/><path d="M112.4 190H71.9c-1.8 0-2.5-.5-2.4-2.4.1-3 .2-6 0-9-.1-2.1.5-2.8 2.7-2.8 19.7.1 39.4 0 59.1 0h21.9c1.5 0 2.1.4 2.1 2-.1 3.1-.2 6.1 0 9.2.1 2.2-.4 2.9-2.8 2.9-13.3 0-26.7.1-40.1.1zM69.6 218.7c0-4.5 0-8.7.1-13 0-.4 1.1-1 1.8-1 3.7-.1 7.5-.1 11.2-.1h70.1c2 0 2.7.5 2.6 2.6-.2 2.9-.2 5.8 0 8.7.1 2.1-.5 2.8-2.7 2.8-19-.1-38.1 0-57.1 0h-26zM90.9 161.3H71.7c-1.5 0-2.1-.4-2.1-2 .1-3.4.1-6.7 0-10.1-.1-1.6.6-2 2.1-2h38.7c1.4 0 2 .3 2 1.9-.1 3.4-.1 6.9 0 10.3 0 1.5-.5 1.9-2 1.9H90.9z"/>
</svg>
<p><a href="#">Текст</a></p>
</div>
</body>
</html>
АТ
вот такая штука у меня получилось
АТ
но проблема в том что когда я пишу большой текст он у меня улетает
где я допустила ошибку?
где я допустила ошибку?
KA
но проблема в том что когда я пишу большой текст он у меня улетает
где я допустила ошибку?
где я допустила ошибку?
двигай не с помощью трансформа
KA
существует такая вещь, как flex
AM
Господа, разбавлю чат небольшим оффтопом, который связан со фронтом. Кто-то пилил буферизацию с фрагментацией норманую?