Этот 500-байтовый Javascript может предсказать движения курсора пользователя
Вы можете делать действительно классные вещи с помощью JavaScript, а открытый исходный код делает работу еще проще.
Предостерегать это одна из самых крутых библиотек, которые я видел, и она построена с только 500 байтов JavaScript. С помощью этого плагина вы можете определить, куда движется мышь пользователя, и предсказать, к какому элементу он движется..
Это может звучать как сложная идея, но ее довольно легко реализовать. Не говоря уже об этом предлагает тонна возможность для разработчиков создавать действительно классные эффекты, такие как анимация перед наведением или же эффекты динамического макета.
Вы начинаете с нацеливание на элемент на странице и определяя, как это будет выглядеть когда пользователь движется к этому элементу.
Все вычисления выполняются на сервере с библиотекой Premonish, поэтому вам не нужно беспокоиться о математике или логике, стоящей за этим..
Вместо этого вы ищете способ справиться с прогнозом основанный на доверительном рейтинге поведения пользователя. Все это передается в JavaScript, так что вы можете написать свои собственные функции для обрабатывать поведение пользователя.
Вот пример фрагмента из демонстрации Premonish:
premonish.onIntent ((el, доверие) => // el - это ожидаемый элемент DOM // уверенность - это оценка от 0 до 1 того, насколько мы уверены в этом прогнозе.);
onIntent () метод запекается в Premonish и вызывается всякий раз, когда библиотека замечает пользователь движется к некоторому элементу.
Вы также можете использовать другой метод, OnMouseMove (), который работает каждый раз, когда курсор меняет положение X / Y на экране. Таким образом, вы можете увидеть, как Premonish рассчитывает шансы намерения пользователя.
Вы можете найти кучу информации в главном репозитории GitHub, которая включает в себя простые фрагменты кода чтобы вы начали. Инициализация просто требует серия селекторов или элементов DOM это должно быть целью.
Как вы на самом деле используете этот плагин, полностью зависит от вас. Это не полное решение, а скорее отправная точка, чтобы помочь вам предполагать намерения пользователя и построить опыт вокруг этого.
Проверьте живое демо чтобы увидеть, как все это работает, и увидеть “режим отладки” где вы можете посмотреть, как работает алгоритм прогнозирования в режиме реального времени.
Вы также можете поделиться своими мыслями и сказать спасибо создателю Мэтью Конлену в своем Twitter @mathisonian.
