Сергей delphinpro

$('.submenu ul li').each(function(){
  var $li = $(this);
  if ( $li.hasClass('active') ) {
    $li.closest('.submenu').addClass('vision');
    // or all levels
    // $li.parents('.submenu').addClass('vision');
  }
});

https://jsfiddle.net/Lqdov9nk/

https://jsfiddle.net/0arbcypx/3/

Во-первых, использовать нужно нижний регистр
Во-вторых, доставать нужно из dataset

<div id="b" data-author-name="ivan">
…
</div>

var name = b.dataset.authorName;
alert(name);

Это всего лишь функция. Просто добавьте ее вызов

$(document).on('click', '.box', function(event) {
        yaCounterXXX.reachGoal('press-me'); 
        $('.box').addClass('active');
        ...

$("form").submit(function(event) {
  event.preventDefault();
  ...
});

Это очень сложно

В чем отличия Object.prototype.method и Object.method?

Object.method — это методы конструктора Object. Ну вроде как статические методы в php, если провести аналогию.
Object.prototype.method — это методы экземпляров Object и его потомков.

И не могу понять: зачем нам prototype? Ведь по сути нам просто нужно получить функцию и задать контекст, почему же тогда работает только с prototype?

Потому что данная функция определена именно в прототипе.

Тут всё довольно просто, без заморочек.

Правильно ли будет, если в методе addNewElement() я буду использовать стандартные методы работы с DOM-деревом?

Конечно нет.

Почему бы вам не хранить данные компонентов в data? И соответственно выводить их циклом. Добавление компонента будет сводится к добавлению элемента в список.

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

Читаем документацию, видим, что nextArrow может принимать string (html | jQuery selector) | object (DOM node | jQuery object)
Чуть-чуть думаем, и понимаем, что мы можем передать сюда любой jquery-объект со страницы. Осталось только выбрать нужный.
Кнопочки обычно недалеко от слайдера, значит их легко найти через общего родителя.
Ну и всё. Осталось только наговнокодить.
Примерно так:

$('[data-carousel]').each((index, el) => {
  const $carousel = $(el);
  let what        = $carousel.data('carousel');

  if (!carouselConfig.hasOwnProperty(what)) return;

  let $arrows = $carousel.parents('.carousel-wrapper').find('.arrows').children();

  $carousel.slick({
    arrows   : true,
    infinite : true,
    prevArrow: $arrows.filter('.arrows__prev'),
    nextArrow: $arrows.filter('.arrows__next'),
    ...carouselConfig[what],
  });
});

Примесь:

export default Vue.extend({
  methods: {
    hello: function () {
      console.log('test')
    }
  }
})

Еще у вас экспортируется переменная login, а импортируете вы Login.
Проблема скорее всего здесь. Отсюда и undefined.

onmousedown — нажали мышку, запомнили координаты, начинает считать
onmousemove — считаем на сколько сместилась мышь, по формуле двигаем контейнер со слайдами, в простейшем случае линейная функция, смещение контейнера равно смещению мыши.
onmouseup — отпустили мышь, прекращаем двигать.

.flash { background-color: red; }

$('input').addClass('flash');
setTimeout(function(){
  $('input').removeClass('flash');
}, 500);

https://jsfiddle.net/q4sfdLpo/

'лалала001' => 'лалала', '001'     // разбить на две части
length = '001'.lentgh              // запомнить длину второй строки
'001' => 1,                        // привести вторую строку к чсилу
1++ => 2                           // инкрементировать число
2 => '2'                           // привести к строке
'2'.padStart(length, '0') => '002' // дополнить слева нулями
'лалала' + '002' => 'лалала002'    // соединить строки