17 September 2014

BiMap, jQuery breakpoint

JavaScriptjQuery
Translation
Original author: Alex Young

BiMap


BiMap (GitHub: alethes/bimap, Лицензия: MIT, npm: bimap) от James Daab представляет собой двунаправленную реализацию такой структуры данных как отображение(map). Данная реализация позволяет вам получать доступ к значением через ключи и наоборот к ключам через значения:
bimap.push({
  a: {
    b: 1,
    c: {
      d: 2
    }
  }
});
bimap.key('a.b'); // => 1
bimap.val(2); // => "a.c.d"

jQuery breakpoint


jQuery breakpoint (GitHub: joshbambrick / breakpoint, Лицензия: MIT) от Joshua Bambrick, представляет собой расширение, которое реагирует на изменения размера страницы. Это идеальное решение если вам нужно отвечать из JavaScript на изменения размеров страницы, при работе с адаптивным дизайном(responsive design).

Вы ножете привязать обработчики на $.breakpoint.on, который так же способен принимать массив, для того что бы реагировать на различные, заранее заданные, размеры(разрешения) устройства. Так же, в наличие имеется $.breakpoint.off для удаления обработчиков и $.breakpoint.changeBreakpoints для изменения глобально признанных(установленных) размеров(разрешений) устройств.

$.breakpoint.on

var makeChanges = function (breakpointName) {
    if (breakpointName === 'palm') {
        // make changes for mobile
    } else if (breakpointName === 'lap') {
        // make changes for small screen width
    } else {
        // `breakpointName` is 'default' as the new page width matches neither 'palm' nor 'lap'
    }
};

$.breakpoint.on(['palm', 'lap'], makeChanges);

$.breakpoint.off

$.breakpoint.off(makeChanges);

$.breakpoint.changeBreakpoints

{
    palm: {
        max: 719
    },
    lap: {
        max: 1023,
        min: 720
    },
    'lap-and-up': {
        min: 720
    },
    portable: {
        max: 1023
    },
    desk: {
        min: 1024
    }
}
Tags:javascriptjquery plugins
Hubs: JavaScript jQuery
+1
3k 30
Comments 4
Popular right now
Top of the last 24 hours