JavaScript:

Сейчас стало можно использовать JWT (JSON Web Token) для авторизации пользователей, особенно при работе с API.

Это, как не странно, вызвало волну мифов о том, что JWT является универсальной панацеей от любых проблем.

Возник вопрос - как обработать событие нажатия на псевдоэлементы / ::before и/или ::after используя, например, jQuery.

Итак проблема - на сайте есть очень тяжелая, порядка 10 мегабайт, страница.

Причиной такого размер является таблица, конкретно в этом случаи сделанная на li, с массой элементов.

Хуже того, в каждой строке (li), еще и множество div, span и т.д т.п. убрать которые нельзя.

Решение: генерировать станицу не на сервере, а передавать браузеру JSON с данными, и формировать страницу уже на клиенте.

Довольно удобно, когда посетитель начинает вбивать название своего города, и ему выводится список и чем больше букв введено, тем список короче и конкретнее.

Базовый пример того, как можно сделать кнопку для скрола до шапки сайта. В примере использоваться fontawesome и jQuery, но вполне можно обойтись и без них.

Кнопка появляется, только если посетитель промотал сайт на 300 пикселей вниз.

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

Решил сохранить, может пригодиться в ком-либо проекте.

Демо: https://dixonandmoe.com/rellax/

Гитхаб: https://github.com/dixonandmoe/rellax

Плагин Tablesorter отлично подойдет, если нужно в рантайме сортировать табличные данные.

Скрипт Typed.js позволяет выводить текст на экране так ,как будто его набирают по букве с клавиатуры.

Плагин jQuery Masked Input Plugin позволяет красиво оформить ввод телефонного номера на форму.