alex

var filteredArrayByFilter = someArray.filter(function(arItem){
    arItem.status === true
})

почему callback ничего не возвращает?

var secs = localStorage.getItem('secs') || 10;
var timer = setInterval(function () {
  var element = document.getElementById("status");
  element.innerHTML = "<h2>You have <b>"+secs+"</b> seconds to answer the questions</h2>";
  if(secs < 1) {
    clearInterval(timer);
    document.getElementById('test1').submit();
  }
  localStorage.setItem('secs', --secs);
}, 1000)

import glob from 'glob'
import path from 'path'

{
  plugins: [
    ...glob.sync('src/html/*.html')
      .map(html => new HtmlWebpackPlugin({
        filename: path.basename(html),
        template: html
      }))
  ]
}

объект не гарантирует порядок ключей

const obj = {}

obj['z'] = {}
obj['a'] = {}
obj['b'] = {}

for (var property in obj) {
    if (obj.hasOwnProperty(property)) {
        console.log(property) // "z" "a" "b"
    }
}

obj['1'] = {}
obj['0'] = {}
for (var property in obj) {
    if (obj.hasOwnProperty(property)) {
        console.log(property) // "0" "1" "z" "a" "b"
    }
}

если вам важна упорядоченность, используйте массивы или Map

const map = new Map()

map.set('z', {})
map.set('a', {})
map.set('b', {})
map.forEach((val, key) => {
  console.log(key) // "z" "a" "b"
})

map.set('1', {})
map.set('0', {})
map.forEach((val, key) => {
  console.log(key) // "z" "a" "b" "1" "0"
})

<div style="color: red;">foo</div>
<div style="color: magenta;">bar</div>
<div style="color: orange;">baz</div>
<div>qux</div>

div[style] {
  background-color: currentColor;
}

Что это за код?

$(document).ready(function(){
  $('form').submit(function(){
    var a = $(this).attr('id');
    var b = $('#' + a);
    $.ajax({
      type: 'POST',
      url: 'mail.php',
      data: b.serialize(),
      success: function(res){
        $(b).html(res)
      }
    });
    return false
  })
})

each item in jsons.checks.checksData
  label.check__label
     input(type="checkbox").check__input
     |#{item.title}

проблема во vue. вы вешаете обработчик на элемент, затем ниже по коду инициализируется вью и этот элемент пересоздает. в результате обработчик привязан к несуществующему элементу. как выход, можно попробовать повесить обработчик в хуке mounted:

mounted() {
  $(".price-table__select").click(function() {
    alert(1);
    gtag('event', 'Клик', { 'event_category': "Калькулятор цены", 'event_label': document.location.href });
  });
}

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

Как вы относитесь к полному переходу на гриды?

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

или вы до сих пор комбинируете флексы+гриды

сказали так, как-будто это что-то плохое. общее правило примерно такое: гриды для расположения элементов в двумерном пространстве, флексы - в одномерном

Можно сделать легче чем в флексах

еще раз, гриды не замена флексам. каждый из них покрывает свои компетенции в создании лэйаута и вместе образуют цельный и удобный инструмент.

arr.reduce((output, item, i, source) => {
  if (i === 0) {
    return [[item.from, source[++i].from]]
  }

  if (i === source.length - 1) {
    return [...output, [item.from, item.to], [item.to, source[0].to]]
  }

  return [...output, [item.from, item.to]]
}, []);

это вам дали шаблон сылки. вместо фигурных скобок {}, там будут значения меток, типа:
https://site.ru/?utm_term=глажка котов

lightgallery.js demo

return (arr.find(e => e.id === 4) || {}).name

const opacity = document.getElementsByClassName('move-img');

if (opacity.length) {
  // код
}

Object.assign мутирует первый аргумент, поэтому присваивание не требуется

SET_USER(state, payload = {}) {
  Object.assign(state, payload)
}

можно передавать метод
codesandbox.io/s/3y07qjyw06

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');

gulp.task('sass', function(done) {
    gulp.src("scr/scss/*.scss")
        .pipe(sass())
        .pipe(gulp.dest("scr/css"))
        .pipe(browserSync.stream());


    done();
});

gulp.task('serve', function(done) {

    browserSync.init({
        server: "src/"
    });

    gulp.watch("scr/sass/*.sass", gulp.series('sass'));
    gulp.watch("scr/*.html").on('change', () => {
      browserSync.reload();
      done();
    });
  

    done();
});

gulp.task('default', gulp.series('sass', 'serve'));

gulp.task('watch', function() {
  gulp.watch([paths.pug.load[0],paths.pug.load[1]], gulp.series(
    'pug:build',
    done => {
      reload();
      done();
    }
  ));
});

И что за новые возможности series, parallel появились?

эта загадка человечества, разгадать которую можно, прочитав документацию

const inputs = document.querySelectorAll('#formID input')