Dier

Как, как? Ручками! Только это не массивы, а объекты с полями.

var a = {"a": "17","b": "1","d": "3","v": "10","e": "4","f": "9"};
var b = {"a": "1", "b": "3","d": "4","v": "5", "e": "6","f": "7"};

function search(a, b) {
  var result = [];
  for(var akey in a) {
    var found = false;
    for(var bkey in b) {
      if (a[akey] == b[bkey]) {
        found = true;
        continue;
      }
    }
    if (!found) {
      result.push(a[akey]);
    }
  }
  return result;
}

console.log(search(a, b));

Каждый элемент массава А ищем в массиве Б. Если не находим его, то добавляем в результирующий массив.

А теперь пример с массивами.

var a = [17, 1, 3, 0, 4, 9];
var b = [1, 3, 4, 5, 6, 7];

function search(a, b) {
  var result = [];
  for(var i = 0; i < a.length; i++) {
    if (b.indexOf(a[i]) == -1) {
      result.push(a[i]);
    }
  }
  return result;
}

console.log(search(a, b));
console.log(search(b, a));

Или так:

var a = [17, 1, 3, 0, 4, 9];
var b = [1, 3, 4, 5, 6, 7];

function search(a, b) {
  var result = [];
  a.forEach(function(v) {
    if (b.indexOf(v) == -1) {
      result.push(v);
    }
  });
  return result;
}

console.log(search(a, b));
console.log(search(b, a));

Есть хук для строковой замены выводимой строки подключения скрипта.
Вот такой код для functions.php

function add_integrity_attribute($tag, $script_handle) {
// Если подключаемый скрипт не бутстрап, то возвращаем как обычно
    if ( $script_handle !== "bootstrap" ) {
        return $tag;
} else {
// Если бутстрап, то заменяем в строке <script .... "src на src с нашим атрибутом
    return str_replace( ' src', ' integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" src', $tag );
}
}
add_filter('script_loader_tag', 'add_integrity_attribute', 10, 2);

Скрипт нужно подключать с handle = bootstrpap, т.е.
wp_enquee_script('bootstrap', ..... ); Или измените на любой другой, только не забудьте изменить в функции подстановки атрибута.

Кто нибудь из серьёзных верстальщиков делает анимацию самостоятельно, вот чтобы без плагинов писать весь код с нуля?

Да, вполне. Тут нужно понять такую вещь: есть задача и есть инструмент под задачу. Если вам нужно посадить кактус в горшок - экскаватор будет не к месту. И не всегда универсальный набор шестигранников подойдет под треугольный болт.

Вопрос : нужно ли вообще заморачиваться над серьёзным изучением анимации, джаваскрипта, или же забить и учить документацию гринсок?

Что такое GSAP? Ну вот без красивых слов? Это набор функций, решающих набор задач. А если у вас появится задача, на которую этот инструмент не рассчитан? Или задача, которую вообще никто еще не решал до вас, или готовые решения не подходят? Вы ничего не сможете сделать. Так что если вы хотите делать интересные вещи, которые выходят за рамки среднестатистического сайта, то ответ очевиден.

P.S.: И да, не зацикливайтесь на каком-то конкретном инструменте (например GSAP) только потому, что кто-то сказал, что это "стандарт". Всегда есть альтернатива. Например anime.js. То, что инструмент активно не развивается, не значит, что он вдруг перестал решать свою задачу. Старая добрая классическая zippo работала, работает и вас переживет.

Забавно, обычно наоборот спрашивают. Свойство background-size: cover или contain.

.slick-dots button {
font-size:0;
padding:0;
}
.slick-dots li:nth-child(1) button {
width:8px;
height:8px;
}
.slick-dots li:nth-child(2) button {
width:6px;
height:6px;
}
.slick-dots li:nth-child(3) button {
width:4px;
height:4px;
}

SVG + 2 маски, одна пропорционально растягивается, другая непропорционально. Отрицательным margin загнать секции одна на другую.

Компиляторы-транспиляторы-трансляторы (типа Coffee, LESS, Jade), тест-раннеры, стайл-чекеры и линтеры (mocha, chai, karma, (js|es)lint, jscs), плагины для таск-раннеров (grunt-contrib-watch, gulp-jade) — все это обычно ставится как --save-dev, потому что нужно только тем, кто контрибьютит в этот проект, работает с его кодом.

Библиотеки и фреймворки (expressjs, jquery, backbone), на основе которых работает ваш код, без которых ваш код не запустится у его потребителя — ставятся как --save.

Решил проблему следующим образом:

$('#fullpage').fullpage({
		verticalCentered: false,
		autoScrolling: false,
		easing: 'linear',
                easingcss3: 'ease',
		afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){

			if ( slideIndex != 0 ) {
			    wow = new WOW(
			      {
			        animateClass: 'animated',
			        live: true
			      }
			    );
		        wow.init();
	            }
		},
		onSlideLeave: function(anchorLink, index, slideIndex, direction){
			$('.slide').not('.slide-' + slideIndex).find('.wow').css('visibility', 'hidden');
		}
	});

npm run build
закинуть содержимое build директории в корень (e.g. public_html)
готово

$(".modal-container").on('click', function (e) {
    if (e.target == this) $(".modal").fadeOut('fast');
})

Фишка в том, что вам не нужен WOW =)
Всё что делает этот скрипт — навешивает классы на элементы, когда они попадают в поле зрения при скроллинге (вообще не так всё просто, кое-что еще умеет, но по сути так).
У вас есть animate.css — библиотека классов анимашек
У вас есть fullpage.js, у которого есть событие afterSlideLoad
Вот это событие как раз и возникает, когда новый слайд отобразится.

Имея всё это, мы раскидываем по нужным элементам какой-то инит-класс, скрывающий элемент до поры (не display:none!), а после наступления события довешиваем еще классов для срабатывания анимации (смотрите документацию и исходники animate.css)

Можем еще по событию onSlideLeave вернуть всё обратно, чтобы при следующем переходе анимашки снова отработали.