- Характеристики
- Закладка и SEO
- История Навигация
- UI Обратная связь и переходы
- Кэшируемые экраны
- Примеры
- Пример электронной почты
- Пример галереи
- Пример блога
нпм установить сенну
Характеристики
Senna.js - это быстродействующий одностраничный движок приложений, который предоставляет несколько низкоуровневых API-интерфейсов, которые позволяют создавать современные веб-приложения с использованием всего лишь ~ 8 КБ JavaScript без какой-либо зависимости.
Закладка и SEO
При использовании одностраничного приложения отправка ссылки другу должна получить их там, где мы были. Более того, паук поисковой системы должен иметь возможность индексировать тот же контент.
История Навигация
Забудьте о хеш-бангах (#!), С помощью API истории HTML5 мы можем манипулировать историей сеансов браузера пользователя в JavaScript с помощью pushState, replaceState и события popstate. Таким образом, вы можете снова использовать кнопки браузера назад / вперед.
UI Обратная связь и переходы
Когда запрашивается некоторый контент, он указывает пользователю, что что-то происходит. Вы также можете определить различные виды CSS-анимации для использования при переходах между состояниями.
Кэшируемые экраны
Как только вы загрузите определенную поверхность, этот контент может быть кэширован в памяти и получен позже без каких-либо дополнительных запросов.
Примеры
Посмотрите примеры ниже, чтобы увидеть, как Senna.js может ускорить ваш статический HTML-сайт с помощью нескольких строк кода.
Пример электронной почты
Включить одностраничные приложения, используя только атрибуты данных HTML5
Посмотреть больше
Пример галереи
Приложение Carousel с поддержкой истории и кэшируемыми экранами
Посмотреть больше
Пример блога
Бесконечная прокрутка страниц сделана правильно с поддержкой истории
Посмотреть больше