Можешь запустить фильтр и внутри findindex по какому-то ключу, если индексы не совпадают - игнорить элемент

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

Альтернатива для статических сайтов - это плагины вроде HtmlWebpackPlugin, которые позволяют сделать include похожий на PHP вроде:

 <%= _.template(require('./../includes/header.html'))(data) %>

https://habr.com/ru/post/350886/

Но оно ничем не отличается от серверного рендеринга HTML как в том же PHP, или любом шаблонизаторе.

CI/CD это про докер?

Нет, это про сам процесс автоматической сборки и тестирования.
Но Docker часто используют в CI.

Что такое автоматическая сборка?
Вэбпак?

В случае фротентда да, сборка бандла вебпаком или другим сборщиком.
Но главное именно тесты.

Ок. Спасибо

не могу понять принцип работы localStorage.getItem. То он возвращает undefined как строчку, то есть “undefined”, то null.

Так может потому что туда записали setItem(KEY, undefined)?

а точно, может

всем привет, как сделать такую кнопку с помощью js?

Это гифка по ссылке

Не целесообразно делать через js

как проще реализовать?

Салют, такой вопрос
В PHP можно объявить пустой массив например $settings = [];
И потому туда одно строкой запихнуть переменную на несколько уровней.
Например $settings['table']['size']['width'] = 5;

И получить её потом также $settings['table']['size']['width'] и оно будет равно 5.

Не могу понять есть ли что-то похожее в JS?
Объявляю пустой массив settings. Потому хочу сделать settings.table.size.widht = 5 и он пишет table не найдет и тд.

Какие есть альтернативы?

Вот тут вроде похоже, думаю с тенью можно добавить там же