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

Alex,
Отрендерите пустые компонент (или как оно там называется) а потом просто догружайте данные. Идея в том чтобы выдать чистый интерфейс там, где он будет догружаться, а данные заполнить в последствии. Я не знаю что вы используете для своего spa. В реакте, например, это делается с помощью хуков эффекта.

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

Отвечая прямо на Ваш вопрос - нет. Пустота во время загрузки в любом случаи будет в какой-то степени. Чтобы что-то появилось, нужно ведь получить документ, отрисовать его и т. д.
То есть в любом случае будет момент, когда на экране (по крайней мере в первый раз, ничего не будет).
Можно отправлять страницу шаблон, которую сервер выплюнет быстро, а потом уже делать прочие ajax-запросы и заполнять страницу. Ну и в таком случае я думаю архитектура SPA - Ваш выбор.

Ошибка при на нажатии на кнопку?

Скиньте код setViewNotes и редюсера

Каким образом я могу получить буфер видео?

Атрибут buffered расскажет нам, какие части медиа-элемента были загружены. Он возвращает объект TimeRanges (en-US), который содержит информацию о том, какие куски медиа были загружены. Обычно он непрерывный, но если пользователь перескакивает, когда медиа-элемент занят буферизацией, он может содержать пропуски.

Это не то что нужно. Мне нужно получить сам буффер - загруженные данные.

Как предотвратить закрытие модального окна при клике на scrollbar?

Alexander, ну... можно сделать wrap-element который и будет скролиться. Это был бы самый простой вариант.
Если такой вариант не подойдет то можно сделать вот так
Однако стоит учитывать, что скроллбары в разных браузерах могут вести себя по-разному, также в моем примере отсутствует учет padding

Как можно отключить стили рекурсивного элемента?

Виталий Першин, стоит сказать это разработчикам ВК, для которого я пишу расширение

Как изменить цвет svg с помощью feColorMatrix?

Максим Ленский, так не пойдет. Во-первых это было бы очень муторно, во-вторых доступа к ресурсам у меня нет, ведь я пишу расширение. Да и вопрос был в том, что я не понимал принципе работы этого фильтра.
Но подсмотрев у конкретного расширения, я нашел решение. Я создаю фильтр с id с матрицей где первые четыре столбца заполнены нулями - то есть фильтр обесцветит картинку, а потом в пятом столбце - смещение - задам нужный цвет. Потом element { filter: url(id) }.

Как правильно организовать раздачу статики на express.js с учетом react-router?

legacy_js, он не подхватывал - или я что-то не так делаю

app.use( express.static(path.resolve(__dirname, './../public')) );
app.use(express.static(path.resolve(__dirname, './../public/js') )); //если убрать это
app.use(express.static(path.resolve(__dirname, './../public/css'))); //и это то работать не будет

проблему кое-как решил добавлением:
<base href="http://localhost:<PORT>">
Но вопрос с яндекс браузером остается

Как правильно организовать раздачу статики на express.js с учетом react-router?

alex4answ,

Я попробовал три варианта

//так
app.use("/static/*", express.static(__dirname + './../public' ));
app.use("/static/*", express.static(__dirname + './../public/js' ));
app.use("/static/*", express.static(__dirname + './../public/css'));
//вот так
app.use("/static/", express.static(__dirname + './../public' ));
app.use("/static/", express.static(__dirname + './../public/js' ));
app.use("/static/", express.static(__dirname + './../public/css'));
//и так
app.use("/static", express.static(__dirname + './../public' ));
app.use("/static", express.static(__dirname + './../public/js' ));
app.use("/static", express.static(__dirname + './../public/css'));

И получаю это. Начинает искать в /static/ которой само собой нет.


Можно сделать вот так

app.use(express.static(__dirname + './../public' ));
app.use(express.static(__dirname + './../public/js' ));
app.use(express.static(__dirname + './../public/css'));
app.use("/main", express.static(__dirname + './../public' ));
app.use("/main", express.static(__dirname + './../public/js' ));
app.use("/main", express.static(__dirname + './../public/css'));

И оно работает, однако мне придется прописывать для каждого пути. Это не очень удобно. Вернее это совсем неудобно

Перед отправкой файла я так понимаю экспресс меняет все ссылки (насколько я понимаю). Как этого избежать я не знаю

Как правильно организовать работу express.static?

А откуда убрать?

Как отключить переходы каретки в input?

Спасибо

Как я могу проверить focus на textarea в условии if javascript?

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

Можно ли получить sources страницы?

Alex, поделитесь секретом пожалуйста

Как подключать модули при сборке webpack?

Abcdefgk, как мне тогда избавиться от папки node_modules?

Как подружить webpack и дефолтные модули ноды?

Спасибо
вот кст еще одно решение

Как подружить webpack и дефолтные модули ноды?

работаю с electron
например хочу по нажатию на какой-то button вызвать диалоговое окно, прочитать файлик и т.д.
делал так без webpack но теперь есть необходимость использовать его

Как устранить проблему с путями при сборке с webpack?

К сожалению, все еще ошибка
Скажите, пожалуйста, что не так со структурой и как улучшить?

Нужен ли курс Архитектуры и проектирования ПО?

спасибо

Нужен ли курс Архитектуры и проектирования ПО?

Нет. Могу предложить список лабораторных. Они закреплены за лекциями
https://drive.google.com/drive/folders/1o9Y5aVGal4...

Нужен ли курс Архитектуры и проектирования ПО?

спасибо