kulaeff

А что такое *user info, *user data? В фигурных скобках нужно указывать тип переменной, например, string, number, object или какой-то свой кастомный тип, заданный с помощью `@typedef`. И обычно не пишут "Function for ...", и так понятно, что это функция, достаточно написать, например, Gets a random text message, Creates user message. Или то же самое, но в инфинитиве - Get, Create и т.д.

Такое за бесплатно вам вряд ли кто-то сделает, но пару советов могу дать. Коль вы используете for совместно с array.push, то лучше заменить это все на map(). Типа:

let
    test = await Test.test(ctx.params.id), // получаем все вопросы по данной теме
    answerArr = test.map(item => await Test.answear(item.id));

А еще используйте eslint.

Не знаю, что там с кодом на 70 строк, но этот кусок вполне нормальный. Разве что пустые строки до и после if'ов поставить и у стрелочной функции убрать скобки, если параметр один. И вообще юзать eslint.

Вот вам простая заготовка https://jsfiddle.net/h5da4uqc/1/. По желанию можно добавить блюр и прочие штучки.

Вот вам грубая заготовка https://jsfiddle.net/5n2zd14y/. Добавьте пару мыслей, щепотку кода и все получится.

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

function FindCard(callback) {

axios.get('/treking.php', {
    params: {
      key: 3636614,
      iin: 910131451122
    }
  })
  .then(function (response) {
    callback(response);
  })
  .catch(function (error) {
    console.log(error);
  });
}

Либо использовать async/await:

async function FindCard() {
  try {
    var response = await axios.get(...)
  } catch (error) {
    console.log(error)
  }
}

При открытии сунуть всю страницу в div под попапом, при закрытии - обратно.

Если указанного ключа в localStorage нет, то getItem возвращает null. Другими словами, можно сделать так:

var new3lsg = localStorage.getItem('new3ls') || <ваше значение по умолчанию>;

Допустим, у вас три категории. Нужно связать картинки с категориями с помощью data атрибутов, а затем, при наведении на категорию показывать связанную картинку. Примерно так:

Картинки:

<img src="blabla.jpg" data-category="1" />
<img src="blabla.jpg" data-category="2" />
<img src="blabla.jpg" data-category="3" />

Категории:

<span class="category" data-id="1">Яблоко</span>
<span class="category" data-id="2">Банан</span>
<span class="category" data-id="3">Лимон</span>

Код:

$('.category').hover(
  function() {
    $('img[data-category="' + $(this).data('id') + '"]').css('display', 'block')
  },
  function() {
    $('img[data-category="' + $(this).data('id') + '"]').css('display', 'none')
  }
)

Вместо .css('diplay', 'block/none') можно использовать .addClass('active') и .removeClass('active').

Примерно так https://jsfiddle.net/62ajfx1b/.

Можно вместо css('display', 'none') использовать attr('disabled', true)

А что значит крутой лендинг? Дизайн или какие-то красивые анимации, переходы, эффекты? Для первого есть масса ресурсов, где можно почерпнуть идеи - dribbble.com, behance.net, pinterest.com. deviantart.com и еще куча всего. Для второго - каких-то специальных движков нет и быть, в принципе, не может. Ибо крутой лендинг - вещь довольно эксклюзивная, творческая, ручной работы так сказать. Нужно знать стандартный набор html/css/js, а также все, что касается анимаций: transition, transform, canvas, webgl, tween. Для каких-то совсем крутых эффектов, нужно знать математику, геометрию, и даже физику.