EN RU
Форум

Методология

Технологии

Инструментарий

Библиотеки

Учебные материалы

bem-history

Что это?

БЭМ-обертка над History API:

Состав

Схема работы

bem-history workflow

Использование

uri__querystring

modules.require(['uri__querystring'], function(Querystring) {

    // Парсим url
    var u = Querystring.Uri.parse('http://example.org:8080/path?test=1&test=2&param2=22');

    // Изменяем порт
    u.setPort(80);

    // Изменяем параметры запроса
    u.deleteParam('test', '2');
    u.replaceParam('param2', 2);

    // Обратно сериализуем url
    u.toString(); // "http://example.org:80/path?test=1&param2=2"

});

history

modules.require(['history'], function(History) {

    // Создаем инстанс history
    var history = new History();

    // Добавляем запись или заменяем текущее состояние с помощью методов pushState/replaceState
    history.changeState('push', { title: 'Title', url: 'http://example.org:8080/path' });
    history.changeState('replace', { title: 'Title', url: 'http://example.org:8080/path?test=1' });

});

location

modules.require(['location'], function(location) {

    // Изменяем `window.location` с помощью полного url
    location.change({ url: 'http://example.org:8080/path' });

    // Изменяем текущий location, используя только новые параметры запроса
    location.change({ params: { param1: [11,12], param2: 'ololo' } });
    window.location.href; // "http://example.org:8080/path?param1=11&param1=12&param2=ololo"

});