Владимир Проскурин

Почему при перезаписи этого объекта на пустой объект, алер выводит true? ведь __proto__ ссылается на уже пустой объект

При создании объекта через конструктор, копируется ссылка на объект из prototype в __proto__. В этом коде получается, что у rabbit __proto__ равен ссылке на объект { eats: true }, он больше не зависит от Rabbit.prototype. Но если вы создадите еще раз объект через конструктор, то его __proto__ будет равным {}

А в этом моменте, мы просто меняем свойство объекта на который ссылается __proto__ rabbit, и все работает как нужно. (выводит false)

Да, т.к. и __proto__ и prototype ссылаются на один и тот же объект, вот так яснее.

var obj = {
  eats: true
}
function Rabbit(name) {}
Rabbit.prototype = obj 

var rabbit = new Rabbit();

alert(Rabbit.prototype == obj); // true 
alert(rabbit.__proto__ == obj); // true
alert(rabbit.__proto__ == Rabbit.prototype); // true, т.к. у обоих ссылка на один и тот же объект.

Даже если вы напишите obj = null, вы просто удалите из переменной obj ссылку на объект { eats: true }, но сам объект останется, и другие ссылки на него тоже останутся.

Используйте вот такой компонент (или загляните в исходники) https://www.npmjs.com/package/vue-search-select
Там есть пример moreta.github.io/vue-search-select/#/ModelAjax

Вам скорее всего придется писать предварительную проверку перед добавлением. Типа пишите

var isEventExists = $('#calendar').fullCalendar('clientEvents');
events.some(function(event) {
 /* проверяем, попадает ли искомое событие под время нашего, 
если да, возвращаем true, и isEventExists будет равным true, 
что значит, что такое событие есть */ });

Так же вторым аргументом можно передать фильтрующую функцию

var eventList = $('#calendar').fullCalendar ('clientEvents', function(event) { 
/* возвращаем true, если время одинаковое время события,
 тогда оно будет добавлено в массив найденных событий, 
который будет возвращен в eventList */ });

В обоих кодах в функцию передается объект Event, у него есть параметры start и end события, по ним и сравниваем.

Вы имеете ввиду, чтобы на любую страницу (или заданную) встраивался скрипт? Качайте расширение custom script, например вот это https://chrome.google.com/webstore/detail/custom-j... и вставляйте в него код.

Не знаю как в gulp, думаю также можно. В webpack я делаю главный стиль main.scss, в котором сначала импортирую файл с переменными, миксинами, фреймворки и потом уже импортирую каждый файл отдельно.
Указывать вручную удобнее, т.к. точно знаешь, какие и в какой последовательности подключены файлы. Да и к тому же, для всех файлов доступны переменные и миксины (а также переменные и миксины фреймворка).
Все равно в итоге все должно быть в одном файле css, а для удобной работы через devtols нужно использовать source map

Неправильное название шрифта задаете https://jsfiddle.net/Vlad_IT/u8k36dov/

if ( $.inArray( dataTagName, exeptionTAGs ) === -1 && 
    (onlyTAGs.length === 0 || $.inArray( dataTagName, onlyTAGs) !== -1 ) {
  $('.elem').append(item.input);
}

т.е. получается, что тег не должен быть в исключениях, и (онли пуст или если он не пуст, то тег должен быть в этом онли).

В вашем коде сложно разобраться без html+css, да и отладить нельзя. Просто следуйте проверяйте так
jQuery('input:checked').length - вернет кол-во выбранных чекедов. И пишите в событии, если это кол-во больше 5, то вызываем сообщение и выходим из функции (return).

Клик привязывается к существующим элементам, а эти добавляются позже, поэтому к ним не привязывается обработчик. Нужно писать так

$("#table-content").on("click", ".data-vacation_redaction-id", function () {
    e.preventDefault();

    alert("Проверка");
});

т.е. тут мы привязываем клик на #table-content, но обрабатываем его только в том случае, если его event.target равен нужному нам блоку (т.е. если кликнули по .data-vacation_redaction-id).

Вы пытаете переопределить свойство window.name, т.к. в данном коде контекст выполнения это window, а значит name это window.name. Данное свойство если я не ошибаюсь, имеет встроенный геттер и сеттер, которые при присвоении ему значения, переводят его в строку (или может при получении через getter, не важно). Попробуйте написать name={}; console.warn(name);, и получите [object Object]. т.е. получается, что в этом свойстве всегда строка, поэтому typeof возвращает строку. Даже null переводится в "null". Если вы в теле функции определите имя name, то оно будет взято из лексического объекта этой функции, а не window, и такой проблемы не будет. Или же пишите
let name = 20;

Вот разбирайтесь jsfiddle.net/swfour/M2B9B/14

Пробуйте так

openMenu (e) {
      this.top = e.target.offsetHeight + 2
      this.opened = !this.opened
    }

srcElement не стандартное свойство, и в ФФ оно не реализовано. Оно как раз является синонимом для target.

https://jsfiddle.net/Vlad_IT/saptf86r/1/

Есть костыльное решение. В блок положить пропорциональную квадратную картинку с height: 100% (можно ее спрятать, но не display: none, а visibility: hidden; )
Пример https://jsfiddle.net/Vlad_IT/eme9c2ya/1/

Вы видимо гуглите на русском. На английском по запросу "free psd" куча сайтов с современными макетами. https://freebiesbug.com/psd-freebies/ https://www.freepik.com/free-psd/web-templates

Ну, прячьте в стилях все блоки (или все, кроме страны по умолчанию, например России). И в этом условии пишете

if (ymaps.geolocation.country == 'Россия') { // Если сделать Россию по умолчанию, этот блок условия можно убрать
   document.getElementById('RU').style.display = 'block';
}
else if (ymaps.geolocation.country == 'США') {
   document.getElementById('US').style.display = 'block'; 
}

Ну или класс добавляете "visible" и в стилях его определяете в .visible { display: block; }

Не используйте сторонние онлайн сервисы для проверки адаптивности (если они правда не предоставляют реальную виртуальную машину), т.к. они просто имитируют маленький экран. С этим лучше справляется встроенная функция инструмента разработчика в хроме


Скорее всего ваш сервис неправильно устанавливает ширину экрана. Верьте хрому.

Если правильно понял

// Функция проверки вхождения текущего часа в отрезов от from до to (не включительно)
function isHourRange(from, to) {
   var now = new Date();
   var curHour = now.getHours();
   return curHour >= from && curHour < to;
}

if(isHourRange(0, 9)) {
   $('.ageWindow').fadeIn(100);
}