• Prompt-компонент на весь сайт?

    @ijesusyt
    Похоже, вы уже написали компонент под названием MyPrompt, который отображает подсказку подтверждения, когда пользователь пытается уйти со страницы с формой. Этот компонент использует компонент Prompt из библиотеки react-router-dom для отображения подсказки подтверждения, а также использует хук useLocation из той же библиотеки для отслеживания текущего местоположения пользователя.

    Компонент MyPrompt также использует хуки useState и useEffect из React для управления своим состоянием и выполнения побочных эффектов. Хук useState используется для управления переменными состояния isBlock и text, а хук useEffect используется для настройки таймера, который проверяет значение элемента textarea на странице каждые 100 миллисекунд. Если textarea имеет непустое значение, для переменной состояния isBlock устанавливается значение true, что приводит к тому, что компонент Prompt отображает подсказку подтверждения.

    Чтобы вставить этот компонент в контейнер приложения, вы можете просто визуализировать его, как любой другой компонент. Например:
    function App() {
      return (
        <div className="App">
          <MyPrompt />
          {/* other components go here */}
        </div>
      );
    }
    Ответ написан
    Комментировать
  • Как сделать текст с цветом относительно пересечения Bacground'a?

    @ijesusyt
    Чтобы сделать текст с цветом, соответствующим пересечению фона, вы можете использовать свойство CSS mix-blend-mode. Это свойство позволяет указать, как цвета текста и фона должны сочетаться друг с другом.

    Например, вы можете использовать свойство mix-blend-mode: screen, чтобы сделать текст прозрачным там, где он пересекается с фоновым изображением. Это позволит фоновому изображению показывать сквозь текст, создавая эффект прозрачности.

    Вот пример того, как вы можете использовать свойство mix-blend-mode для создания эффекта прозрачного текста:

    .text {
      mix-blend-mode: screen;
      color: #fff;
    }
    
    .background {
      background-image: url(...);
    }
    
    <div class="background">
      <h1 class="text">Transparent Text</h1>
    </div>


    Вы также можете использовать CSS-свойство контура, чтобы добавить контур к тексту. Это может помочь сделать текст более разборчивым, когда он накладывается поверх фонового изображения.
    Ответ написан
    Комментировать
  • Почему происходит моргание картинок swiper в Safari при перелистывании слайдеров?

    @ijesusyt
    Может быть несколько причин, по которым изображения в слайдере мигают при прокрутке в Safari:

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

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

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

    Может возникнуть проблема со стилями CSS, примененными к слайдеру или его изображениям. Вы можете попробовать проверить стили и убедиться, что они применяются правильно.
    Ответ написан
    Комментировать
  • Как сделать чтобы блок при адаптации всегда занимал всю страницу?

    @ijesusyt
    Чтобы блокировать страницу при адаптации, чтобы она никогда не прокручивалась, вы можете попробовать использовать свойство CSS height: 100vh для элемента body. Это свойство устанавливает высоту элемента равной полной высоте области просмотра (видимой части веб-страницы).

    Например, вы можете использовать следующий CSS:

    body {
      height: 100vh;
      overflow: hidden;
    }


    Это заставит элемент body занимать всю высоту окна просмотра, а свойство overflow: hidden предотвратит любую прокрутку.

    Вы также можете установить для свойства height элемента body фиксированное значение в пикселях, например, height: 1000px, если вы хотите, чтобы страница имела определенную высоту независимо от размера окна просмотра.

    Имейте в виду, что использование высоты: 100vh или фиксированного значения высоты может плохо работать на маленьких экранах или когда содержимое страницы выше области просмотра. В этих случаях вам может потребоваться использовать адаптивный подход к дизайну, чтобы содержимое соответствовало области просмотра.
    Ответ написан
  • Как преобразовать документ pdf в лист excel?

    @ijesusyt
    Существует несколько различных способов преобразования документа PDF в электронную таблицу Excel:

    Используйте инструмент для преобразования PDF в Excel. Существует множество онлайн-инструментов, которые могут автоматически конвертировать PDF-документы в электронные таблицы Excel. Эти инструменты обычно позволяют загрузить PDF-файл, а затем извлечь данные и преобразовать их в электронную таблицу Excel. Некоторые популярные варианты включают Adobe Acrobat, Nitro и Zamzar.

    Используйте программное обеспечение со встроенным преобразованием PDF в Excel. Некоторые программы, такие как Adobe Acrobat и Microsoft Word, имеют встроенные функции, позволяющие преобразовывать PDF-файлы в электронные таблицы Excel. Эти инструменты обычно работают, открывая PDF-файл в программном обеспечении, а затем предоставляя возможность сохранить его в виде файла Excel.

    Используйте стороннюю библиотеку. Если вы хотите создать программу для преобразования PDF-файлов в электронные таблицы Excel, вы можете использовать стороннюю библиотеку, такую ​​как Apache POI или iText. Эти библиотеки предоставляют API, позволяющие читать и записывать данные в различных форматах, включая PDF и Excel.

    Чтобы извлечь из PDF-файла только необходимую информацию, вам потребуется написать код, который считывает данные PDF и анализирует их для извлечения соответствующей информации. Это, вероятно, потребует использования регулярных выражений или методов обработки строк для извлечения конкретных данных, которые вам нужны.
    Ответ написан
    Комментировать
  • Можно ли добавить свои правила для адаптива меню на Тильде?

    @ijesusyt
    Используй media
    Как я юзаю
    <style>
    #rec508573539 .tn-elem[data-elem-id="1662678224489"] .tn-atom {
        letter-spacing: 14px;
    }
    
    @media (max-width: 1200px) {
        #rec508573539 .tn-elem[data-elem-id="1662678224489"] .tn-atom {
            letter-spacing: 5px;
        }
    }
    
    @media (max-width: 575px) {
        #rec508573539 .tn-elem[data-elem-id="1662678224489"] .tn-atom {
            letter-spacing: 10px;
        }
    }
    </style>
    Ответ написан
    Комментировать