dmjcomdem

let moList = [{id: 1, name: 'NameMO-1'}, {id: 2, name: 'NameMO-2'}, {id: 3, name: 'NameMO-3'}];

let find = (() => {
    let store = {};

    return (list, id, key = 'id') => {
        if (store[id]) {
            return store[id];
        } else {
            let item = list.find(item => item[key] === id);

dmjcomdem

const deepClone = obj => {
  let clone = Object.assign({}, obj);
  Object.keys(clone).forEach(
    key => (clone[key] = typeof obj[key] === 'object' ? deepClone(obj[key]) : obj[key])
  );
  return Array.isArray(obj) ? (clone.length = obj.length) && Array.from(clone) : clone;
};

dmjcomdem

<input type="text" oninput="this.style.width = (this.value.length + 1 ) * 8 + 'px'">

dmjcomdem

function xPathToCss(xpath) {
  return xpath
    .replace(/\[(\d+?)\]/g, function(s,m1){ return '['+(m1-1)+']'; })
    .replace(/\/{2}/g, '')
    .replace(/\/+/g, ' > ')
    .replace(/@/g, '')
    .replace(/\[(\d+)\]/g, ':eq($1)')
    .replace(/^\s+/, '');
}

dmjcomdem

let prevScrollpos = window.pageYOffset;
let navbar = document.querySelector('.navbar');

window.addEventListener('scroll', (event) => {
  let currentScrollpos = window.pageYOffset;
  prevScrollpos > currentScrollpos 
    ? navbar.style.setProperty('top', 0) 
    : navbar.style.setProperty('top', '-100px')
  prevScrollpos = currentScrollpos;
})

dmjcomdem

let decodeHtmlEntity = (str) => {
  return str.replace(/&#?x(.+?);/gi, (match, dec) => String.fromCharCode('0x' + dec));
};

// decodeHtmlEntity('БУ ХМАО-Югры МИАЦ')
// "БУ ХМАО-Югры МИАЦ"

dmjcomdem

function typographer(
    string, 
    words = ['в', 'во', 'без', 'до', 'из', 'к', 'ко', 'на', 'по', 'о', 'от', 'при', 'с', 'у', 'не', 'за', 'над', 'для', 'об', 'под', 'про', 'и', 'а', 'но', 'да', 'или', 'ли', 'бы', 'то', 'что', 'как', 'я', 'он', 'мы', 'они', 'ни', 'же', 'вы', 'им']
  ){
    if (!string && typeof string !== 'string') throw Error('can\'t find string');
    let pattern = new RegExp( words.map(w => ` ${w} `).join('|'), 'gi' );
    return string.replace(pattern, str => str.slice(0, -1) + ' ' );
}

console.log( typographer('Экспериментаниум – идеальная площадка для проведения открытых уроков и интерактивных занятий') );

dmjcomdem

const detectDeviceType = () =>
  /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
    ? 'Mobile'
    : 'Desktop';

detectDeviceType(); // "Mobile" or "Desktop"

dmjcomdem

$breakpoints: (
  "xs": 'max-width: 768px',
  "sm": 'min-width: 768px',
  "md": 'min-width: 992px',
  "lg": 'min-width: 1200px',
  "xlg": 'min-width: 1400px'
);

$gap: 15px;
$column: 12;

dmjcomdem

let getURLParameter = (name) => decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;