Сергей Соколов

Полученный массив перемешать сразу при получении:

// вместо
vm.products = response.data.data  

// так:
vm.products = response.data.data.sort((a,b) => Math.random() - 0.5)

• cookies – JS умеет их читать и устанавливать, а back по ним узнаёт сессию
  
• HTTP headers – с каждым AJAX-запросом можно передавать в заголовках параметры авторизации
  
• window.postMessage() может пригодиться, чтобы из нового окна, в котором отправили пользователя авторизовываться через третью соц-сеть, сообщить в «основное» окно, как всё прошло.
  

var i; // var в отличие от let и const «всплывает» наверх
       // поэтому можно записать и так.
       // Это важно, т.к. изменить i могут где-то ниже в коде.

for(i=0; i<10; i++) { 
  setTimeout(function() { // на каждой итерации создаётся новая функция,
                          // которая сохраняет ссылку на переменную  i 
    alert(i);             // чтобы когда, наконец, сработает, 
                          // вывести что там в i окажется в тот момент
  }, 100); // выполнение откладывается на потом через 1/10 сек
}

Цикл доиграл, создал-отложил 10 функций-анонимусов, каждая пристально смотрит на переменную i.
К этому времени i, спасибо циклу, уже выросла до значения 10.

Через 0.1 секунды посыпятся выполняться те 10 функций,
и каждая выведет текущее значение i на этот момент.

Занимательный факт.
Если после цикла дописать i = 2*2*5*0x65 ; то алёрты выведут наступающий год!

for(let i = 0, a = document.querySelector(".elem"); i <10; i++) {
  alert(a);
  console.log(a);
}

Снизу лого, сверху стена, режим Linear light, прозрачность 70%


Upd. Лого сделать паттерном и наложить новый слой-Pattern, где указать малый размер, около 10%, чтобы было много повторов.
Свет - Effects - Render - Lighting Effects...
и «поиграть с настройками» : ) Пресет - Three down для начала. И держите перед глазами для референса исходную стену.

Как не платить 20% — элементарно: укажите своей страной в настройках профиля Швецию.
И вместо 20% НДС платите 25% VAT.

На странице DigitalOcean про налоги перечислены страны и налоговая ставка.

Можно отредактировать свой Профиль и указать в поле Адрес другую страну – именно это поле определяет налоговую ставку, как они пишут:

Address - Displayed on invoice. Determine which taxes apply to your account.

Сам пока не пробовал. Плачу и плачу 20%.

Как определяется TAX location и как его изменить:

How is my tax location determined?

Your tax location is typically based on your account address, which is initially set to the payment address of your primary payment method when you sign up. In some locations, we are required by law to consider other account details, like other payment addresses or IP addresses.

How can I change my tax location?

You can update your account address and view your account’s tax location and rate at any time on the billing page. If you’ve set your account address correctly but your account’s tax location is not what you expect, contact support for help.

В программах обработки фото есть функция корректировки «баланса белого» – это для коррекции на цвет освещения (пасмурный день / лампы накаливания). Тыкаешь пипеткой на участок изображения, заведомо нейтрального цвета, например, специальную серую картонку, и вычисляется коррекция оттенков для всего изображения, цвета становятся правдоподобнее.

Контраст регулируется примерно так же. Пипеткой для «чёрного» тык на участке заведомо чёрном – и уровни корректируются, делая этот цвет настоящим чёрным. Это влияет на всё изображение и более тёмные участки сделаются тоже плоским-черным, потеряв детали.

То же с самой светлой областью. Тоже своя пипетка.

Так тремя сэмплами — нецветной областью, самой тёмной и самой светлой — можно по-быстрому скорректировать изображение.

Какая за этим стоит математика не подскажу, надо изучать вопрос.
Вот на SO обсуждали.

Неправильный вопрос задаёте и получаете не тот ответ.

Плагин rocket-lazy-load можно деактивировать для определённых картинок,
если добавить им атрибут data-no-lazy="1"

<img src="logo.png" data-no-lazy="1" title="Лого от Артемия за килобакс" alt="">

Считаем, что в исходном массиве слова уникальны.

$array = ['Слово 1', 'Слово 2', 'Слово 3', 'Слово 4'];
$len = count($array);
$result = [];
for ($i = 0; $i < $len; $i++) {
  for ($j = $i+1; $j < $len; $j++) {
    array_push($result, [$array[$i], $array[$j]]);
  }
}

Попробуйте как-то так:

const FLAGFILE = 'lock_file.lock';
private $myrun = true;

public function __construct()
{
    if (file_exists(self::FLAGFILE) {
        $this->myrun = false;
        exit('Lock file exists');
    }
    touch(self::FLAGFILE);
}

function __destruct ()
{
    if ($this->myrun) unlink(self::FLAGFILE);
}

в переменной var divContent у вас строка текста (пусть и HTML).
в следующей строке appendChild() ожидает не строку текста, а HTML узел (Node) – его можно создать как у вас выше document.createElement().

В общем два пути:
1. Создавать HTML, но тогда приклеивать его через element.innerHTML = myHTML;
2. Создавать узлы и их через appendChild() Но у вас требуется два инпута вставить, с множеством атрибутов. На чистом JS это займет несколько строк:

Вместо полного пути к

- /etc/letsencrypt/live/domen.ru/:/etc/letsencrypt/live/domen.ru/

надо

services:
  nginx:
    # ...
    volumes:
      # ...
      - /etc/letsencrypt:/etc/letsencrypt

потому, что в live/domen.ru лежат не сами сертификаты, а линки на файлы двумя уровнями выше. Линки вы и видите, но указывают они на недоступные файлы.

Записал по-быстрому скринкаст, как нарисовать анимированную окружность в After Effects.

New composition,
в ней новый слой слошного цвета New Solid (Cmd+Y)
Там нарисуйте векторную окружность соотв инструментом (создастся маска Mask слоя)
Этой маске вместо режима Add сделайте None
Добавьте эффект Generate - Stroke
Нажмите на 100% для End или Start и подвигайте значения - увидите, это как раз то, что нужно, двигается конец/начало.
Этот слой будет фоном. Дайте прорисовке бледно-серый цвет.

Продублируйте этот слой. Нижний будет слабовидной полной окружностью, а в верхнем будет прорисовываться яркая. В эффекте верхнего сделайте цвет прорисовки ярким. И Paint style вместо "On original image" – "On transparent"

Будем анимировать свойство Start эффекта Stroke.
Для этого нажмите часики. Это создаст ключевой кадр с нынешним значением. Измените Start c 0% на 100%.

Теперь в таймлайне сдвиньтесь вперед на секунду-две (сколько там займёт анимация).
И значение в эффекте Start смените с 0 на 100%. Это создаст второй ключевой кадр. Теперь если включить проигрывание линия будет плавно прорисовываться.

«Эффективно» в смысле кратко, в одну строку:

const everyNth = (arr, n) => arr.filter((e, i) => i % n === 0);

// применение
everyNth([0, 11, 22, 33, 44, 55, 66, 77], 7) // [0, 77]

«Эффективно» без лишних итераций, старым добрым циклом for():

function everyNth(arr, n) {
  const result = [];
  for (let i=0; i<arr.length; i+=n) result.push(arr[n]);
  return result;
}

Какой быстрее – сделал проверку на jsPerf
Цикл for()быстрее в 7 раз!