Anastasiia A

В консоли отображается последнее возвращённое значение.
Функция вернула значение все 10 раз, но с ним ничего не делали. А консоль показала последнее.


Во втором примере всё то же. Возвращенное значение ниже: undefined.
Но перед этим 10 раз выполнился вывод в консоль через console.log().

Как уже правильно было сказано должно быть:

• таблица с постами
  
• таблица с оценками
  
• таблица с рейтингом
  

Прим. Не обязательно таблица, не обязательно база реляционная - для задачи это не играет никакой роли

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

Что касается транзакций - там много чего интересного может происходить, включая блокировки, но самое главное что не стоит выносить данную логику на соединение клиента - при увеличении размера базы будет расти и время запроса, а там и другие интересные последствия. Но! Есть решение.

Для того чтобы сделать все красиво существуют Message Brokers (RabbitMQ, Kafka, ... да какой угодно в принципе - выбор зависит от требований к системе).
Архитектура такая:

1. пользователь оставляет оценку к посту
   
2. оценка сохраняется в базе оценок
   
3. после сохранения в брокера падает сообщение "у поста 12345 новая оценка" (сама оценка для этого кейса не важна, но ее можно тоже указать)
   
4. клиент счастливо идет дальше серфить интернеты, не ожидая обработки всякой логики, которую задумал программист
   
5. на той стороне брокера сидит маленький демон и слушает эти события
   
6. при появлении события демон моментально пересчитывает рейтинг поста и обновляет его в отдельной таблице
   
7. при росте нагрузки на демона ничего страшного не происходит - все сообщения встают в очередь и ждут обработки
   
8. ну, если хочется совсем все быстро обрабатывать - запускаем ХХХ этих демонов чтобы пережевывали за раз больше информации
   

Вот так. Надеюсь вам поможет такой маленький пример их мира энтерпрайз-разработки

Белый или черный
https://github.com/Taraflex/Brackets-Color-Highlig...
https://github.com/Taraflex/Brackets-Color-Highlig...
Цвет из картинки лучше вычислить заранее на сервере, ибо на клиенте не выйдет отобразить цветную карточку до загрузки картинки
https://github.com/ksubileau/color-thief-php
https://github.com/thephpleague/color-extractor
https://github.com/brianmcdo/ImagePalette
https://www.phpclasses.org/package/3370-PHP-Extrac...
ну и еще можно нагуглить

UPD
Градиентный блур на js
https://jsfiddle.net/8ujmn5zs/62/

Советую приглядываться к youmightnotneedjquery

var cart = {};

function addToCart() {
    var articul = this.dataset.id;
    cart[articul] = 1;
    console.log(cart);
}

document.getElementById('addToCart').addEventListener('click', addToCart);

Это SPA на React с server side rendering. Приложение рендерится и получает данные на стороне сервера. При переключении поста, срабатывает роутер, рендерится нужный пост, а из интернета подтягиваются только картинки. Скорость node тут не причем. Такие SPA принято называть изоморфными.

Если речь идет о Node.js, могу поделиться своей реализацией.

Но в целом файлы хранят по хешам, тоесть если у вас например есть файл с хешем

ddcab4080b10682d9384b04f41ddbf3e907165a5

то сохраняете его к примеру по пути

upload/ddc/ab4/080/b10682d9384b04f41ddbf3e907165a5/file.jpg

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

upload/ddc/ab4/080/b10682d9384b04f41ddbf3e907165a5/250x140.jpg

Такой способ позволяет избегать дубликатов и в одной папке храниться ограниченное количество файлов (при большом количестве файлов в одной папке, скорость работы файловой системы замедлиться)

Это в основе, далее идет уже мультисерверность и различные серверы кеша для файлов.