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

Ну например создать setInterval, и чекать позицию каждые N миллисекунд. Только потом не забудьте убить таймер, когда не нужен будет

$(this).index() вернет номер текущего элемента (с нуля).
Пример https://jsfiddle.net/7mw5de0v/

Так у вас footer имеет абсолютное позиционирование, да и в section блок тоже с абсолютным, поэтому у них нет высоты, и высота берется из хедера.

Мне кажется, нет. т.к. вот это получается выражение (function foo() {}), и области видимости тут не должно быть (тем более, мы говорим о JS, где область видимости не появляется в выражении или фигурных скобках).
Можно написать вот так

var a = function foo() {};
a();

и ничего не изменится. Но вот так написать мы не можем
function foo() { }()
по той причине, что это не выражение, поэтому чтобы ее сразу вызвать, мы создаем выражение при помощи скобок. Это как

{} + [] // 0
({} + []) // [object Object]

В первом случае у нас не получилось выражения, сначала у нас фигурными скобками создается блок, а потом отдельное выражение +[]. А во втором все считалось в выражении, поэтому получился объект + массив. Поэтому даже так заработает
( function foo() {}())
Не думаю, что где-то создается область видимости. т.е. мы имеем их только два - глобальную и в функции.
PS: Если я не прав коллеги, поправьте.

Смотрите
create_oval(x1, y1, x2, y2)

т.е. чтобы круг был ровным, нужно чтобы x2-x1 == y2-y1

Можно еще использовать в вашем случае vw, но это если блоки будут занимать всю ширину окна https://jsfiddle.net/7stpe52k/13/ Ну или как чел выше написал, через padding

Кажись в хроме и ноде вы передаете в JSON.constructor объект (который вы скинули), а в вашем коде передается строка, которую нужно превратить в объект через JSON.parse
UPD: У вас формат JSON5, т.к. у вас одинарные кавычки. Есть пару вариантов.
1) Зафигачить все это дело в eval (не круто).
2) Заменить через replace одинарные кавычки на двойные (так себе).
3) Можете использовать эту либу https://github.com/json5/json5 (уже лучше).
4) Постучать по голове back-end, чтобы выдавал нормальный JSON (идеальный вариант).

Так она не глобальная, она локальная в каждом обработчике. Вынесете ее в глобальную область, а в локальных не переопределяйте.

var g;
$("#carimgid_1").bind("click", function() {g = 1;})
    $("#carimgid_2").bind("click", function() {g = 2;})
    $("#carimgid_3").bind("click", function() {g = 3;})
    $("#carimgid_4").bind("click", function() {g = 4;})
    $("#carimgid_5").bind("click", function() {g = 5;})

    function range() {
    var rngval = $("#rng").val();
    if(rngval == 1){$("#rangedivid_1").show();$("#rangedivid_2, #rangedivid_3, #rangedivid_4, #rangedivid_5, #rangedivid_6, #rangedivid_7").hide();
        if(g == 1){$("#summapolz").text(150 + " Рублей")}
        if(g == 2){$("#summapolz").text(200 + " Рублей")}
        if(g == 3){$("#summapolz").text(200 + " Рублей")}
        if(g == 4){$("#summapolz").text(250 + " Рублей")}
        if(g == 5){$("#summapolz").text(300 + " Рублей")}
    }

Это называется placeholder images, например вот либа https://github.com/zalog/placeholder-loading

У меня все работает. Но учитывайте, что let не работает в IE 10 и ниже.

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

Есть цвет 0, 153, 255 - мне нужно открыть отдельную вкладку с сервисом rgb и вручную вбить эти цифры?

Можно задавать константами, например red, blue, green и.т.д.

По идее создает рамочку, но я не вижу разницы, если закомментировать эту строку.

Если strokeStyle или fillStyle не установлены, берется их значение по умолчанию, это вроде белый цвет.

И самый главный вопрос, как до этого можно додуматься самому? Разобрать такой (очень простой) чужой код еще можно, но как до такого додуматься самостоятельно, я не понимаю? Быть может мой мозг уже старый и он думает как-то по другому, это просто не моё?

Нужен опыт, просто много пишите такие штуки, читайте про такие штуки, и все это станет элементарно.

1) Он устарел по той причине, что его возможности уже реализованы в JS
2) Когда надо склепать быстрый лендос со слайдером slick, я использую jQuery. Когда нужно что-то по серьезнее - зависит от задачи, как замена Vue
3) Нет, осваивайте JS, а jQuery сам придет, ничего в нем сложного нет, по мере работы будете разбираться, копаясь в документации.

Ставите вот эту штуку https://chrome.google.com/webstore/detail/resource...

Эта ошибка не выполнения, а компиляции. Следите за типами. Попробуйте это console.log(JSON.parse(user)); заменить на
console.log(JSON.parse(user.toString()));

for проходит по массиву, и ничего не возвращает. map проходит по массиву, и возвращает массив элементов из return
UPD: Если вы в forEach пишите return, но вы не выходите из функции almostIncreasingSequence, вы типа делаете continue для цикла, и он продолжается, и в итоге функция возвращает return true
Вот примеры:

// Вернет 0, цикл завершится
function testFor() {
   for(var i = 0; i < 10; i++) {
      return i;
   }
}
// Вернет 2,4,6, т.к. map создает новый массив на основе результатов функции для каждого элемента массива
function testMap() {
   return [1,2,3].map(function(el) { return el*2; });
}
// Не вернет ничего. переданная функция будет вызвана для каждого элемента массива. 
// return просто выходит из цикла.
function testForEach() {
   return [1,2,3].forEach(function(el) { return el; });
}