Антон Швец

связано это с этим
А у объекта jQuery.fn.init (это не HTMLCollection) есть метод slicе, работу которого мы и наблюдаем.
тайпскрипт компилирует в разные версии js, а спред появился не так давно.

попробуйте target в compileOptions поменять в tsconfig.json (не углядел сразу что вы написали это в последнем предложении)

Идем сюда и смотрим как подключать

npm install hover-effect

import hoverEffect from 'hover-effect'

для корректной работы эффекты нужно вешать после mounted, и следить за измененем списка картинок, если что-то поменялось, то вешать ховер-эффект на новые картинки.
Возможно он сам умеет замещать себя, тогда достаточно будет просто развесить заново на все картинки. Но для более конкретной инфы надо смотреть как этот сам ховер устроен.

var $ = 1, _ = 2;
document.getElementById('5').insertAdjacentText('beforeend', $ + _);

или

var $ = 1, _ = 2;
document.getElementById('5').appendChild(document.createTextNode($ + _));

без jquery

А у вас не работает, потому что вы значение переменной $ изменили, и там уже не jQuery. О чем вам консоль пишет.

Так вы делаете document.querySelector('i'), выбирается только первый найденный <i>

Вообще привыкайте форматировать код, там в jsfiddle сверху есть кнопочка Tidy
И не стоит мешать jquery с родными манипуляциями DOM. Для анимации хорошо бы использовать requestAnimationFrame, и делать все в одном цикле, и движение и проверку.

Так чтоли?
https://codepen.io/anon/pen/QPQxmV?editors=0012
Или так?

const user3 = {
  ...user1,
  ...user2,
}

оно же
const user3 = Object.assign({}, user1, user2);

может все-таки так?

const value = 0b1010; // 1+0+1+0

const v1 = (value & 0b1000) >> 3; // 1
const v2 = (value & 0b0100) >> 2; // 0
const v3 = (value & 0b0010) >> 1; // 1
const v4 = (value & 0b0001) >> 0; // 0



const value1 = 0b11001; // 1 + 100 (4) + 1
const mask = 0b01110 // вырезаем 2,3,4 бит

const v5 = (value1 & 0b01110) >> 1; // 100 (4)

у вас в linkSteam будет HTMLAnchorElement, соответующий тегу a
При попытке сделать это, должно выпасть

Uncaught TypeError: linkSteam.split is not a function

надо
var appid = (linkSteam.href.split('/')[5]);

Цикл for..in перебирает свойства объекта и всех его прототипов. Чтобы исключить свойства прототипов из цикла используется проверка hasOwnProperty.
Сейчас это считается устаревшим, в моде перебор объекта через Object.keys/Object.values/Object.enties с помощью for..of или перебирающих методов Array.

т.е. нынче конструкция

for (var i in result) {
    if (result.hasOwnProperty(i)) {
        //Остальной код
    }
}

должна выглядеть так

Object.keys(result).forEach((i) => {
  //Остальной код
});

const tree = arr.reduce((sum, el) => {
	if (el.parent === 0) {
  	sum.push(el)
  } else {
  	const parent = arr.find(p => p.id === el.parent);
  	parent.children = parent.children || [];
  	parent.children.push(el);
  }
  return sum;
}, []);

тут нет нужды в рекурсии.
Следует отметить, что элементы исходного массива тоже будут изменены. Если это неприемлемо, нужно сначала склонировать.
O(n^2)

А вот обратная задача будет уже решаться с помощью рекурсии.

Object.values(obj).reduce((sum, current) => sum.concat(current), []);

где obj ваш исходный объект

Самый ООПный ООП в js это Angular.
Заодно и с typescript ознакомитесь.

Не очень понятно что вы хотите в ответ.
Ну напишите туду-лист. Напишите аналог TiddlyWiki.
Возьмите готовые стили, bootstrap например.

Насколько я знаю есть два пути, через ls и через сервис воркер. Через ls быстрее сделать.
1. создаем уникальный айди открытой страницы.
2. при каждом клике пишем в localStorage айди и текущее время.

браузер

const scripts = document.getElementsByTagName('script');
const scriptName = scripts[scripts.length-1].src;

сработает только, если код выполняется сразу при загрузке скрипта, с асинхронщиной и вызовом функции далеко после загрузки разумеется не сработает.

нода
__filename

Если используется вебпак, то надо уже проверять, какие-то ответы есть тут https://stackoverflow.com/questions/25553868/curre...

const allSpans = document.querySelectorAll('ul.menu > span');
allSpans.forEach(span => span.classList.add('hidden'));
const spans = document.querySelectorAll('ul.menu > li ul.submenu li span');
spans.forEach(span => span.classList.remove('hidden'));

.hidden {
  display: none
}

вот вам пример

console.clear();
const str = 'ddddd'
const reg = /^d{3,10}$/g;
console.log(reg.test(str)); //true
console.log(reg.test(str)); //false
console.log('****************');

if (reg.test(str) === false) {	
  console.log('False');   
} else if (reg.test(str) === true) {	
  console.log('True');   
} else {
  console.log('Not true and not false');   // ! Переходит сюда!
}

Причина тут https://developer.mozilla.org/ru/docs/Web/JavaScri...

метод test(), вызванный несколько раз на одном и том же экземпляре регулярного выражения, будет начинать проверку с конца предыдущего сопоставления.

В общем паттерн регулярки хранит в себе информацию о предыдущем вызове. Используйте лучше String.prototype.match()

А самому прочитать?
https://developer.mozilla.org/en-US/docs/Web/API/N...
https://developer.mozilla.org/en-US/docs/Web/API/H...
https://developer.mozilla.org/en-US/docs/Web/API/D...

Вкратце HTMLCollection - всегда живой, это, например, document.forms - добавили форму на страницу, она добавилась в HTMLCollection.

NodeList - живой если это Node.childNodes. А если это из document.querySelectorAll(), то это статичный объект, один раз взяли срез и запомнили. Не путать с отображением в консоли, в консоли оно срабатывает в момент открытия объекта, а не в момент выполнения.

DOMTokenList это вообще список аттрибутов, а не нод, например Element.classList.

парсер https://medium.freecodecamp.org/parsing-math-expre...