0xD34F

function sorted(arr) {
  const chars = 'абвгдеёжзийклмнопрстуфхцчшщъыьэюя';
  const words = arr.filter(n => chars.includes(n[0]) && chars.includes(n.slice(-1)));
  const grouped = words.reduce(
    (acc, n) => (acc[chars.indexOf(n[0])].push(n), acc),
    Array.from(chars, () => [])
  );

  const result = [];

  for (
    let prev = (grouped.find(n => n.length) || []).pop();
    prev && result.push(prev) < words.length;
  ) {
    for (
      let i = chars.indexOf(prev.slice(-1)), j = i;
      !(prev = grouped[i].pop() || grouped[j].pop());
      i = -~i % grouped.length, j = ~-(j || grouped.length)
    ) ;
  }

  return result;
}

Подозрительный кусок кода:

app.use(function(req, res, next) {
  req.session.number =req.session.number + 1 || 1;
})

Где-то тут должен быть вызов next, разве нет?

почему-то в таймер добавляется один лишний день

Не добавляется. Это вы забываете вычесть 1 из того, что возвращает метод getDate - нумерация дней, в отличие от часов, минут или секунд, начинается с 1, а не с 0.

Заменить:

1. 
   val = this.value
   
   на
   
   val = this.value.toUpperCase()
   
2. 
   

   if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {

   
   на
   
   if (arr[i].toUpperCase().includes(val)) {
   
3. 
   

   b.innerHTML = "<strong>" + arr[i].substr(0, val.length) + "</strong>";
   b.innerHTML += arr[i].substr(val.length);

   
   на
   
   

   b.innerHTML = arr[i]
     .split(RegExp(`(${val})`, 'i'))
     .map((n, i) => i & 1 ? `<b>${n}</b>` : n)
     .join('');

   
   
   

Сначала подумал что можно рандомизированный массив засунуть в set...

Надо наоборот - сначала set, потом массив:

function randomArr(length, min, max) {
  const values = new Set;
  while (values.size < length) {
    values.add((Math.random() * (max - min + 1) | 0) + min);
  }
  return [...values];
}


const arr = randomArr(40, 1, 100);

Но вообще, есть и другие методы.

Например, можно создать массив со всеми возможными значениями, и выдёргивать из него элементы случайным образом, сколько надо:

function randomArr(length, min, max) {
  const arr = Array.from({ length: max - min + 1 }, (n, i) => i + min);
  return Array.from({ length }, () => arr.splice(Math.random() * arr.length | 0, 1)[0]);
}

Или, создать массив со всеми возможными значениями, перемешать его, взять из начала сколько надо элементов:

function randomArr(length, min, max) {
  const arr = Array.from({ length: max - min + 1 }, (n, i) => i + min);

  for (let i = arr.length; --i > 0;) {
    const j = Math.random() * (i + 1) | 0;
    [ arr[j], arr[i] ] = [ arr[i], arr[j] ];
  }

  return arr.slice(0, length);
}

Документацию пробовали открывать?

ChartJS Version: 2.4.0

Обновите минимум до 2.7.0 - иначе будут проблемы с вызовом обработчика ховера.

UPD.

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

Ну, как-то так можно (вместо alert пишется информация в span сверху от графика).

А здесь смотрели? - события fullscreenenter, fullscreenexit.

UPD. Вынесено из комментариев:

что-то не получается с ними работать

Обработчики надо привязывать не к самой карте, а к элементу управления, отвечающему за переключение фулскрин режима:

const fs = map.controls.get('fullscreenControl');
fs.events.add('fullscreenenter', () => console.log('ON'));
fs.events.add('fullscreenexit', () => console.log('OFF'));

throw PhraseError

Где-то тут пропущен new. То же относится и к вызову HttpError.

moment.js

Я так понимаю, это прямое продолжение вашего предыдущего вопроса. Директива, о которой я писал в своём ответе, в числе прочих настроек имеет такую, как infinite-scroll-distance. Она задаёт расстояние от нижней границы прокручиваемого элемента, на котором должен сработать коллбек. Просто указываете сколько вам надо.

Ставите себе vue-infinite-scroll, в обработчике запроса присваивание заменяете на push. В самом же запросе передавайте количество уже загруженных записей, ну а как в laravel применить limit и offset - смотрите в документации.

SELECT *
FROM `PVE` p
INNER JOIN `HEROES` h1 ON h1.heroes_id = p.heroes_id_one
INNER JOIN `HEROES` h2 ON h2.heroes_id = p.heroes_id_two
WHERE p.status != 'end'

Может кто-нибудь подсказать почему так происходит и как исправить?

Отвечать на вопрос "почему" особого смысла нет - ерундой какой-то занимаетесь, все эти дополнительные массивы, кто вас этим глупостям научил?

Как исправить - да выбросить всё лишнее на хрен, оставить один массив items, с ним и работать:

class AddItems extends React.Component {
  state = {
    value: '',
    items: [],
  }

  inputChange = ({ target: { value } }) => {
    this.setState({ value });
  }

  addNewItem = () => {
    if (this.state.value) {
      this.setState({
        items: [ ...this.state.items, {
          text: this.state.value,
          id: (new Date()).getTime().toString(),
        } ],
        value: '',
      });
    }
  }

  render() {
    return (
      <div className="addItems">
        <div className="addSection">
          <input type="text" value={this.state.value} onChange={this.inputChange} />
          <input type="submit" onClick={this.addNewItem} />
        </div>
        <div className="listSection">
          <ul>{this.state.items.map((item) => <li key={item.id}>{item.text}</li>)}</ul>
        </div>
      </div>
    )
  }
}

Запоминаете в массив все добавляемые элементы, при повторном добавлении выполняете для каждого map.controls.remove, как-то так.

Можно попробовать обшарить document.styleSheets:

const getClassStyles = className =>
  [...document.styleSheets].reduce((styles, { cssRules }) => {
    return [...cssRules]
      .filter(n => n.selectorText === `.${className}`)
      .reduce((styles, { cssText }) => {
        return (cssText
          .match(/[\w\-]+: [^;]+/g) || [])
          .map(n => n.split(': '))
          .reduce((styles, [ k, v ]) => (styles[k] = v, styles), styles);
      }, styles);
  }, {});


const styles = getClassStyles('class-name');

data: () => ({
  items: [
    { value:  69, title:  'hello, world!!', checked: false },
    { value: 187, title:  'fuck the world', checked: false },
    { value: 666, title: 'fuck everything', checked: false },
  ],
}),
computed: {
  sum() {
    return this.items.reduce((acc, n) => acc + n.value * n.checked, 0);
  },
  checkAll: {
    get() {
      return this.items.every(n => n.checked);
    },
    set(val) {
      this.items.forEach(n => n.checked = val);
    },
  },
},

<div>
  <label>
    <input type="checkbox" v-model="checkAll">
    CHECK ALL
  </label>
</div>

<div v-for="n in items">
  <label>
    <input type="checkbox" v-model="n.checked">
    {{ n.title }}
  </label>
</div>

<div>SUM: {{ sum }}</div>

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

Рекурсия. Если в элементе есть непустой массив children, то делаете рекурсивный вызов функции, передавая ей этот массив.

Можно напрямую создавать элементы:

const createTreeElement = data =>
  Array.isArray(data) && data.length
    ? data.reduce((ul, n) => {
        const li = document.createElement('li');
        const div = document.createElement('div');
        div.textContent = n.name;
        li.append(div, createTreeElement(n.children));
        ul.append(li);
        return ul;
      }, document.createElement('ul'))
    : '';


document.body.append(createTreeElement(data));

Или собрать соответствующую разметку:

const createTreeHTML = data =>
  data instanceof Array && data.length
    ? `<ul>${data.map(n => `
         <li>
           <div>${n.name}</div>
           ${createTreeHTML(n.children)}
         </li>`).join('')}
       </ul>`
    : '';


document.body.insertAdjacentHTML('beforeend', createTreeHTML(data));

Добавьте в LibraryContent:

componentDidUpdate(prevProps) {
  if (prevProps.url !== this.props.url) {
    this.getData();
  }
}

Так:

коллекцияМаркеров.events.add('click', function(e) {
  e.get('currentTarget').each(function(n) {
    n.options.set('preset', n === this ? 'islands#greenIcon' : 'islands#blueIcon');
  }, e.get('target'));
});

или

let activeMarker = null;

// ...

коллекцияМаркеров.events.add('click', function(e) {
  if (activeMarker) {
    activeMarker.options.set('preset', 'islands#blueIcon');
  }

  activeMarker = e.get('target');
  activeMarker.options.set('preset', 'islands#greenIcon');
});

??

const images = [
  {
    src: 'https://i.imgur.com/GigS3KR.png',
    translate: [ 50, 50, 500, 20 ],
    rotate: [ 340, 200 ],
    draw: [ 0, 0, 0.95 ],
  },
  {
    src: 'https://i.imgur.com/y3JAe69.png',
    translate: [ 5, 0, 382, 2 ],
    rotate: [ 630, 40 ],
    draw: [ 150, 100, 0.84 ],
  },
  {
    src: 'https://i.imgur.com/v30JIWp.png',
    translate: [ 8, 150, 198, 3 ],
    rotate: [ 500, 450 ],
    draw: [ 0, 0, 0.7 ],
  },
].map(n => {
  n.draw.unshift(new Image);
  n.draw[0].src = n.src;
  return n;
});

const canvases = document.querySelectorAll('.canvas');
const canvasSize = document.documentElement.clientWidth;

for (const n of canvases) {
  n.setAttribute('width', canvasSize);
  n.setAttribute('height', canvasSize);
}

let ts0;
window.requestAnimationFrame(function draw(ts) {
  for (const n of canvases) {
    ts0 = ts0 || ts;
    const dt = ts - ts0;

    const ctx = n.getContext('2d');
    ctx.clearRect(0, 0, canvasSize, canvasSize);

    for (const { translate: t, rotate: r, draw: d } of images) {
      ctx.save();
      ctx.translate(t[0], t[1] + Math.sin(dt / t[2]) / t[3]);
      ctx.rotate(Math.sin(dt / r[0]) / r[1]);
      ctx.drawImage(d[0], d[1], d[2], canvasSize * d[3], canvasSize * d[3]);
      ctx.restore();
    }
  }

  window.requestAnimationFrame(draw);
});