Sergeyjed, исходник не такой, как в вопросе. Еще раз - если отправляете как multipart/form-data
1. Поставить ref-ссылку на форму
2. Собрать данные, используя FormData: const formData = new FormData(this.$refs.form);
3. Отправить
Нерон Лордов, браузер на первом скриншоте - IE11 (Window 7). Он не поддерживает фильтры, поэтому все иконки одноцветные. Причину нашел достаточно быстро - показывалась ошибка даже самим angular'ом прямо в браузере. За что отвечает конкретный полифилл и какому браузеру он нужен, написано прямо в самом файле в комментариях. Например, IE11 нужны почти все полифиллы (но это для работы самого angular). Способы разбиения кода и его подгрузки уже отдельная история.
Вообще странная идея использовать иконки таким способом- вставлять через img, object, emdedd, а потом менять цвет фильтрами. Лучше использовать inline svg - самый гибкий способ для стилизации иконок.
А что вы считаете решением?
не `gulp--sass`, а `gulp-sass`. Перед запуском проекта поставьте другие зависимости, если есть файл `package.json` - `npm install`
Я начинающий разработчик, но могу сказать, что стоит потратить время на изучение FireBase. В сети полно материала для изучения, в частности на YouTube полно видеоуроков. FireBase давно не стартап, за спиной стоит Google. FireBase развивается и точно никуда не денется в течение 2-3 лет.
Аналоги могут стоить еще дороже, быть нестабильными и вообще прекратить свое существование в ближайшее время. Но можете посмотреть на syncano.io, haska.io.
jeruthadam, нет, не защищает. Он просто позволяет вместо ручного задания переменных в консоли занести их в файл. Обычно его используют, когда число переменных превышает 3-4 и есть большое число конфигураций - development, test, staging, production.
Варианты:
1. Под каждую страницу создать каталог с файлом шаблона и файлом данных. Node-скрипт идет по каталогам, считывает файл данных, считывает файл шаблона, передает данные в шаблон.
2. Создать отдельную директорию data c 50-ю json-файлами и одним js-файлом который считывает их все и объединяет в один объект, который затем и передается в pug-шаблон.
import { TimelineMax } from "gsap/TweenMax";
Тут обсуждение есть:
https://github.com/janpaepke/ScrollMagic/issues/665