0xD34F

Оборачиваете код в

document.querySelectorAll('.gallery').forEach(n => {

});

, заменяете '.gallery-thumbs' и '.gallery-top' на n.querySelector('.gallery-thumbs') и n.querySelector('.gallery-top') соответственно.

.slick-dots li > button {
  width: 8px;
  height: 8px;
}

.slick-dots li.slick-active > button {
  width: 20px;
  height: 20px;
}

.slick-dots li.slick-active + li > button {
  width: 14px;
  height: 14px;
}

[ int(d) ** (i + p) for i, d in enumerate(str(n)) ]

$('.gallery-colors :checked')
  .parent()
  .prevAll()
  .find('input[type="radio"]:not(:disabled)')
  .last()
  .click()

Это предыдущий. Следующий - надо заменить prevAll на nextAll, last на first.

str.slice(str.lastIndexOf('/') + 1, str.lastIndexOf('.'))
// или
str.split('/').pop().split('.').slice(0, -1).join('.')
// или
str.replace(/.+\//, '').replace(/\.[^.]+$/, '')
// или
str.match(/(?<=\/)[^/]+(?=\.[^.]+$)/)[0]
// или
str.match(/\/([^/]+)\.[^.]+$/)[1]

<div class="preloader">
  <div class="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
</div>

.circle {
  background: grey;
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: preloader 1s infinite linear;
}

.circle:nth-child(1) { animation-delay: 0s; }
.circle:nth-child(2) { animation-delay: 0.2s; }
.circle:nth-child(3) { animation-delay: 0.4s; }

@keyframes preloader {
  0%, 40% {
    background: grey;
  }
  20% {
    background: black;
  }
}

$('button.prev').click(function() {
  $('.slide:last').prependTo($('.slider'));
  $('.slider').css('margin-left', '-100%').animate({
    marginLeft: '+=100%'
  }, 500);
});

$(document).on('click', function(e) {
  e.preventDefault();
  const $submenu = $(e.target).closest('li').children('.submenu');
  $submenu.fadeToggle();
  $('.nav li ul').not($submenu).fadeOut();
});

кастомные свойства для иконки прописал...

...не там, где надо. Перенесите из properties в options (третий параметр вместо второго).

function mul(start, end) {
  let result = 1;

  for (let i = start; i <= end; i++) {
    result *= i;
  }

  return result;
}

function choose(n, k) {
  return n > k
    ? Math.round(mul(n - k + 1, n) / mul(2, k))
    : +(n === k);
}

const table = document.querySelector('здесь селектор вашей таблицы');
const idAttr = 'id-object';
const propAttr = 'object-name';

const data = Array.prototype.reduce.call(
  table.querySelectorAll('table tbody tr'),
  (acc, tr) => (
    tr.querySelectorAll(`[${propAttr}]`).forEach(function(td) {
      this[td.getAttribute(propAttr)] = td.innerText;
    }, acc[tr.querySelector(`[${idAttr}]`).getAttribute(idAttr)] = {}),
    acc
  ),
  {}
);

// или

const data = {};
for (const { rows } of table.tBodies) {
  for (const { cells } of rows) {
    const item = data[cells[0].attributes[idAttr].value] = {};
    for (let i = 1; i < cells.length; i++) {
      const td = cells[i];
      item[td.attributes[propAttr].value] = td.textContent;
    }
  }
}

Где надо удалить текст: const className = 'skiptranslate';.

Удаляем:

for (const { childNodes: n } of document.getElementsByClassName(className)) {
  for (let i = n.length; i--;) {
    if (n[i].nodeType === Node.TEXT_NODE) {
      n[i].remove();
    }
  }
}

или

document.querySelectorAll(`.${className}`).forEach(n => {
  const nodes = [...n.children];
  n.innerHTML = '';
  n.append(...nodes);
});

data: {
    circle: document.querySelector(`.circle`)
},

Бессмысленно сохранять ссылки на элементы шаблона. После инициализации экземпляра Vue этот элемент уже не будет частью страницы - исходное содержимое .app Vue заменит элементами, которые создаст сам. Если хотите иметь доступ к ним, для этого есть специальный механизм. Т.е., добавляете атрибут ref элементу .circle:

<div class="circle" ref="circle"></div>

В методе move заменяете this.circle на this.$refs.circle:

this.$refs.circle.style.left = `${e.pageX}px`;
this.$refs.circle.style.top = `${e.pageY}px`;

https://jsfiddle.net/4esvu230/

А вообще, ссылка на элемент не нужна:

data: () => ({
  coords: [ 0, 0 ],
}),
computed: {
  style() {
    return {
      left: this.coords[0] + 'px',
      top: this.coords[1] + 'px',
    };
  },
},
created() {
  document.addEventListener('mousemove', e => this.coords = [ e.pageX, e.pageY ]);
},

<div class="circle" :style="style"></div>

https://jsfiddle.net/70uLyqr4/

function setVal(obj, path, val) {
  const keys = path.split('.');
  const key = keys.pop();
  keys.reduce((p, c) => p[c] = p[c] || {}, obj)[key] = val;
  return obj;
}

function replaceObjWithArr(obj) {
  if (obj instanceof Object) {
    const keys = Object.keys(obj).sort((a, b) => a - b);
    obj = keys.every((n, i) => +n === i) ? keys.map(n => obj[n]) : obj;
    keys.forEach(n => obj[n] = replaceObjWithArr(obj[n]));
  }

  return obj;
}


const output = replaceObjWithArr(Object
  .entries(input)
  .reduce((acc, n) => setVal(acc, ...n), {})
);

Добавить в компонент булево свойство, которое будет обозначать порядок сортировки, и переключать его значение при вызовах метода sorted. Например.

state: State<T> = {
  selectedItems: []
}

renderListItem: ({ item: T }) => T = ({ item }) => {
  return item;
}

const ChildComponent = (props) => (
  <div
    className={`childComponent ${props.isActive ? 'active' : ''}`}
    onClick={props.onClick}
    data-id={props.id}
  >
    <h3>{props.text}</h3>
  </div>
);


const ParentComponent = ({ items }) => {
  const [ active, setActive ] = React.useState(null);

  const onClick = e => setActive(+e.currentTarget.dataset.id);
  // или
  // const onClick = e => setActive(+e.target.closest('[data-id]').dataset.id);

  return (
    <div>
      {items.map(n =>
        <ChildComponent
          key={n.id}
          onClick={onClick}
          isActive={n.id === active}
          {...n}
        />
      )}
    </div>
  )
};


ReactDOM.render(
  <ParentComponent
    items={[
      { id:  69, text:  'hello, world!!' },
      { id: 187, text:  'fuck the world' },
      { id: 666, text: 'fuck everything' },
    ]}
  />,
  document.getElementById('root')
);