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

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

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


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


Категории: Web, JavaScript
Пометки: javascript генерация li списка, для улучшения показателей google PageSpeed

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


Категории: Web, JavaScript
Пометки: выбрать город из списка на сайт, autocomplete городов, КЛАДР, KLADR, автопредложение города

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


Категории: JavaScript, HTML

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

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

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


Категории: JavaScript, -Памятка-
Пометки: scrool, прокрутка

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


Категории: JavaScript, JQuery

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


Категории: JavaScript
Пометки: Javascript эффект печатания текста на сайте при помощи плагина Typed.js

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


Категории: JavaScript
Пометки: maskedinput маска телефона, maskedit, mask edit

Попалась на глаза интересная JS библиотека, для распознавания лиц.

Она весит всего 2kb и может очень быстро распознать лицо человека.


Категории: JavaScript

Если пользователь ничего не делает в течении N секунд, то данный скрипт редиректит его на другую страницу.

Может пригодиться, например, если нужно разлогинивать человека из панели управления.


Категории: JavaScript

Интересная библиотека, например, для интерактивного бэкграунда.

pic1

Сайт разработчика VincentGarreau/particles.js

Живое Demo


Категории: JavaScript, HTML, CSS
Пометки: Постоянно изменяющиеся частицы, рисование на канве, конвас, canvas
Яндекс.Метрика