Ihor Bratukh

Svg: animate stroke

Вот хороший пример на es5, без Promise и async/await если Вам это важно:

var result = {};

deferredParallel([1, 2, 3, 4, 5], function (id) {
    return $.ajax({
        url: urlToCreated + '/' + id,
        method: 'GET',
        dataType: 'json',
        data: {
            skip: skip,
            limit: 100000
        },
        success: function (data) {
            result[id] = data;
        }
    });
}).done(function () {
    console.log(result);
});

function deferredParallel(items, callback) {
    var deferreds = [];
    for (var i = 0; i < items.length; i++) {
        var deferred = callback(items[i], i, items);
        if (typeof deferred === 'object' && deferred.done && deferred.fail) {
            deferreds.push(deferred);
        }
    }
    return $.when.apply(null, deferreds);
}

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

var result = [];

deferredParallel([1, 2, 3, 4, 5], function (item) {
    return $.ajax({
        url: 'https://jsonplaceholder.typicode.com/posts/' + item,
        method: 'GET',
        dataType: 'json',
        success: function (data) {
            result.push(data);
        }
    });
}).done(function () {
    console.log(result);
});

function deferredParallel(items, callback) {
    var deferreds = [];
    for (var i = 0; i < items.length; i++) {
        var deferred = callback(items[i], i, items);
        if (typeof deferred === 'object' && deferred.done && deferred.fail) {
            deferreds.push(deferred);
        }
    }
    return $.when.apply(null, deferreds);
}

Пример выше делал запросы паралельно, в network это выглядит так:
▮▮▮▮
▮▮▮▮
▮▮▮▮
□□□□□□ READY

Следующий пример последовательный:
▮▮▮
□□□□□▮▮▮
□□□□□□□□□□▮▮▮
□□□□□□□□□□□□□□□ READY

var result = [];

deferredQueue([1, 2, 3, 4, 5], function (item) {
    return $.ajax({
        url: 'https://jsonplaceholder.typicode.com/posts/' + item,
        method: 'GET',
        dataType: 'json',
        success: function (data) {
            result.push(data);
        }
    });
}).done(function () {
    console.log(result);
});

function deferredQueue(items, callback) {
    var ready = $.Deferred();
    ;(function fire (i) {
        var deferred = callback(items[i], i, items);
        if (typeof deferred === 'object' && deferred.done && deferred.fail) {
            deferred.done(function () {
                items[i + 1] ? fire(++i) : ready.resolve();
            });
        }
    }(0));
    return ready;
}

$(".owl-wrapper").css({
    transform: `translate3d(${old}px, 0px, 0px)`
});

Например так:

const raw = '<div class="test" data-status="false"></div>';

const $html = parseHTML(raw);

console.log($html.getAttribute('data-status')); //> "false"

function parseHTML(html) {
    const root = document.implementation.createHTMLDocument();
    root.body.innerHTML = html;
    return root.body.children[0];
}

Например так:

class Hash {
    static encode(content) {
        return btoa(unescape(encodeURIComponent(content)));
    }

    static decode(content) {
        return decodeURIComponent(escape(atob(content)));
    }
}

const encode = Hash.encode(JSON.stringify([6, 1.5, 23, 34, 'зелёный']));

console.log(encode);

const decode = Hash.decode(encode);

console.log(JSON.parse(decode));

const maxObject = array.reduce((prev, current) => prev.b > current.b ? prev : current, {});

const maxIndex = array.reduce((prev, current, index) => prev.b > current.b ? prev : index, {});

Например, nodejs -> puppeteer -> mongodb

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

(function () {
    'use strict';

    var original = {
        open: XMLHttpRequest.prototype.open,
        send: XMLHttpRequest.prototype.send
    };

    XMLHttpRequest.prototype.open = function (method, url, async, user, password) {
        console.log(url);
        return original.open.call(this, method, url, async, user, password);
    };

    XMLHttpRequest.prototype.send = function (data) {
        console.log(data);
        return original.send.call(this, data);
    };

}());

нужно обратиться к определенному элементу по классу ".jq_item_remove " (к примеру) с определенным значением data без перезагрузки страницы.

Документация
$('.jq_item_remove[data-key="value"]')

var subDomain = getSubDomainName();

switch (subDomain) {
    case 'поддомен1': {
        ...
    }
}

function getSubDomainName() {
    var split = window.location.host.split('.');
    return split.length >= 3 ? split[0] : null;
}

image jQuery элемент, объект. Вы конкатите строку imageSortable с обектом. imageSortable строка и у строки нету метода appendTo.

var image = '<img src="'+ event.target.result +'" width="50" height="50" style="margin-left: 10px; margin-bottom: 8px">';
var imageSortable = '<li class="ui-state-default">' + image + '</li>';
placeToInsertImagePreview.append(imageSortable);

Потому, что метод addEventListener принимает вторым агрументом callback функцию.
Например, почему не работает вот это:
element.addEventListener('click', 'Строка');