Данакт Фрост

No 'Access-Control-Allow-Origin' header is present on the requested resource.

Запрещены кроссдоменные запросы на ресурсе. На ресурсе должен быть установлен заголовок Access-Control-Allow-Origin: *

form.change(function() {
    let isOk = true
    
    // Перебираем элементы
    for (let i = 0; i < inputs.length; i++) {
        if (inputs[i].value == '') {
            // Если неок, то останавливаем цикл — дальше нет смысла перебирать
            isOk = false
            break
        }
    }
    
    // Если ок, добавляем класс
    if (isOk) {
        $('.btn-submit').addClass(_active)
    }
})

Так может просто использовать алиасы для нужных директорий?

Ошибка из-за того, что у вас не подключён commonjs, который вы указали в tsconfig.

Вопрос в том как можно воспроизвести файлы последовательно без одновременного запуска?

У аудио-элемента есть событие «onended»

function play(list) {
    let audioElements = []
    
    for (let i = 0; i < list.length; i++) {
        var audio = new Audio(list[i]['name'])
        audioElements.push(audio)

        if (i === 0) {
            // Первое аудио запускаем
            audioElements[i].play()
        } else {
            // Остальные — после окончания предыдущего
            audioElements[i - 1].addEventListener('ended', function() {
                audioElements[i].play()

                list = list.slice(1)
            })
        }
    }
}

С асинхронными функциями в es7 можно как-нибудь так реализовать

async function voise(list) {
    for (let i = 0; i < list.length; i++) {
        const audio = new Audio(list[i]['name'])
        // Запускаем аудио и ждём, когда закончится
        await playAudio(audio)
    }
}

async function playAudio(audio) {
    audio.play()

    await new Promise((reject, resolve) => {
        audio.addEventListener('ended', () => {
            resolve()
        })

        audio.addEventListener('error', () => {
            reject()
        })
    })
}

var text = $('.name').text()
$('#nama').val(text)

Ну, как я понял из описания, вещь будет полезна, если в проекте есть много т.н. «константных» элементов, которые в процессе всего жизненного цикла не видоизменяются. Это позволяет увеличить производительность во время ре-рендера: не будет каждый раз создаваться новый элемент, а просто будет возвращаться уже созданный по ссылке — всё равно он будет такой же.

function setRandomSlide() {
    var randomSlideId = Math.random() * 9 | 0
    $('.multiple-items0777').slick('slickGoTo', randomSlideId.toString())
}

Задержка перед появлением, задержка после появления
https://jsfiddle.net/zbqkjrn0/

Если я правильно понял, то речь идёт про History API
https://developer.mozilla.org/ru/docs/Web/API/Hist...

Измените «arr» на «this». Учитывайте, что создание методов встроенных в движок js объектов — плохая практика.

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

Array.prototype.sum = function() { /** ... */ }
const arr = [1, 2, 3]

// console.log в этом цикле выведет в консоль: 0, 1, 2, sum
// Т.е. «sum» всегда будет попадать в for..in-перечисления любых массивов в коде
for (let i in arr) {
    console.log(i) 
}

Понимаете, что это может не только помешать вам, но и сломать существующий код в подключенных библиотеках. Что бы избежать подобного, используйте следующий код:

Object.defineProperty(Array.prototype, 'sum', {
    enumerable: false,
    value: function() {
        let sum = 0
        
        for (let i = 0; i < this.length; i++) {
            if (typeof this[i] !== 'number' && !(this[i] instanceof Number)) {
                throw new TypeError('Нечисловой массив')
            }

            sum += this[i]
        }
        
        return sum
    }
})

А еще лучше, используйте отдельно созданную функцию, принимающую массив в аргументах.

svg-изображение заранее состоит из svg-кода. Откройте изображение при помощи любого текстового редактора и используйте код как вам требуется.

Так а причем тут React, если проблема c CSS?

position:absolute задаётся относительно ТОЛЬКО парент компонента

Нет, «position: absolute» задаётся относительно родителя, только если у родителя значение свойства position равно fixed, absolute или relative, то есть не static.

1. Элемент picture. Поддержка: caniuse.com/#feat=picture

<picture>
  <source srcset="small-image.png" media="(max-width: 720px)">
  <img src="default-image.png" alt="">
</picture>

2. Элемент div с фоновым изображением, и медиа-запросы в css с изменением фонового изображения и размера div'а в зависимости от размера окна

.image {
  display: inline-block;
  width: 1200px;
  height: 700px;
  background: url('default-image.png');
}

@media (max-width: 720px) {
  .image {
    width: 600px;
    height: 400px;
    background: url('small-image.png');
  }
}

3. Элемент img с изменением атрибута src через javascript.

const imageDefault = 'default-image.png'
const smallImage = 'small-image.png'
const imageElement = document.getElementById('image')

function handleWindowResize() {
  const width = window.innerWidth

  if (width <= 720) {
      imageElement.src = smallImage
   } else {
      imageElement.src = imageDefault
   }
}

handleWindowResize()
window.addEventListener('resize', handleWindowResize)