Задать вопрос
Ответы пользователя по тегу JavaScript
  • Как сделать удаление записи в MongoDb через n кол-во часов?

    @StepsOnes Автор вопроса
    Надеюсь кому-то поможет:

    // Shema
    import { Schema, model } from "mongoose";
    
    const TestSchema = new Schema({
        walletAddress: {
            type: String,
        },
        expireAt: {
            type: Date,
            default: Date.now,
            required: true
        }
    },)
    
    TestSchema.index( { "expireAt": 1 }, { expireAfterSeconds: 0 } );
    
    export default model('TestModel', TestSchema)
    
    // Controller
    
    class TestController {
        async add(req, res) {
            try {
                const { walletAddress, time } = req.body;
    
                const expireAt = new Date();
                expireAt.setHours(expireAt.getHours() + Number(time));
    
    
                const newWallet = await testSchema.create({
                    walletAddress,
                    expireAt
                });
    
                await newWallet.save()
    
                return res.json({newWallet})
            } catch(err) {
                console.log(err)
            }
        }
    
     
    }
    
    export default new TestController();
    Ответ написан
    Комментировать
  • Как перейти на другую страницу по якорной ссылке?

    @StepsOnes
    Для этого нужно получить текущий номер страницы из URL, затем заменить его на нужный и обновить страницу с новым URL. Можно сделать так:
    $('.scroll_link').on('click', function(e){
        e.preventDefault();
        let href = $(this).attr('href');
        let page = window.location.search.replace('?page=', '') || '1'; // получаем текущий номер страницы из URL
        let newHref = href.replace('?page=', `?page=${page}&`); // заменяем номер страницы на текущий
        window.location.href = newHref; // переходим на новую страницу
    });

    Затем, на новой странице скроллим к нужному элементу так, как было в первом примере.
    Ответ написан
    Комментировать
  • Почему transitionend ломается если быстро нажимать на кнопку?

    @StepsOnes
    Проблема заключается в том, что при быстрых кликах на кнопку, очередные вызовы функции `translateY()` начинаются еще до того, как завершится предыдущая анимация (и соответственно, "transitionend" не успевает сработать). Это приводит к созданию множества слушателей события transitionend на одном элементе, что затрудняет правильную работу анимации при последующих кликах.

    Для решения этой проблемы можно добавить проверку наличия класса "translate" на элементе, перед добавлением его на кнопку. Если класс уже присутствует, то следует пропустить выполнение функции и не добавлять новый слушатель события transitionend:

    function translateY(e) {
      if (!e.classList.contains('translate')) {
        e.classList.add('translate');
        e.addEventListener('transitionend', function handler() {
          e.classList.remove('translate');
          e.removeEventListener('transitionend', handler);
        });
      }
    }


    В этом коде мы проверяем, не содержится ли наш элемент класса "translate" перед добавлением этого класса. Далее, если класса нет, то мы добавляем слушатель события transitionend, и при завершении анимации удаляем слушатель и удаляем класс "translate" с элемента.

    Такой подход обеспечивает правильную работу анимации при быстрых кликах на кнопку.

    Отмечу, что в целом, использование js для реализации простой анимации как в данном примере может считаться избыточным. В большинстве случаев, на такие анимации можно обойтись использованием только css (как вы и отметили, через псевдоклассы, например :active).
    Ответ написан
    Комментировать
  • Как написать функцию, которая вычисляет сумму чисел отрезка от -5 до 5?

    @StepsOnes
    function sumNumbers(start, end) {
      let sum = 0;
    
      for (let i = start; i <= end; i++) {
        sum = sum + i;
      }
    
      return sum;
    }
    
    console.log(sumNumbers(-5, 5)); // выводит 0
    Ответ написан
    3 комментария
  • Как в PIXI JS создать спрайт из Graphics?

    @StepsOnes
    Проблема может быть в использовании PIXI.autoDetectRenderer() и неинициализированном renderer. Насколько я понимаю, вы используете app для отрисовки спрайта и не должны использовать `renderer`, чтобы генерировать текстуру. Вместо этого вы можете использовать app.renderer, чтобы получить объект PIXI.Renderer.

    Попробуйте заменить renderer.generateTexture(graphics) на app.renderer.generateTexture(graphics). Должно выглядеть так:

    const app = new PIXI.Application({
        backgroundColor: 0xFFFFFF
    });
    
    document.body.appendChild(app.view);
    
    generateNewSprite();
    
    function generateNewSprite() {
        // Rectangle + line style 1
    
        var graphics = new PIXI.Graphics();
        graphics.lineStyle(2, 0xff0000, 1);
        graphics.beginFill(0x650A5A);
        graphics.drawRoundedRect(10, 10, 100, 100);
        graphics.endFill();
        let texture = app.renderer.generateTexture(graphics);
        texture.baseTexture.scaleMode = PIXI.SCALE_MODES.NEAREST;
        const sprite = new PIXI.Sprite(texture);
    
        sprite.anchor.set(0.5);
        sprite.scale.set(3);
        sprite.x = 0;
        sprite.y = 0;
    
        console.log("sprite x = " + sprite.x);
    
        // add it to the stage
        app.stage.addChild(sprite);
    }


    Это должно работать и отобразить на экране ваш спрайт, основанный на PIXI.Graphics
    Ответ написан
    Комментировать
  • Как на телеграф js при нажатии на кнопку дать команду боту?

    @StepsOnes
    Для того чтобы дать команду боту при нажатии на кнопку в Telegraf.js, нужно использовать метод ctx.telegram.command

    Вот пример, как это можно сделать:

    bot.action('my_button', (ctx, next) => {
      ctx.reply('Вы нажали на кнопку!');
      ctx.telegram.command('/my_command', ctx.state);
    });


    В данном примере, при нажатии на кнопку с идентификатором my_button бот отправляет пользователю ответ Вы нажали на кнопку! и выполняет команду /my_command.

    Обратите внимание, что вторым параметром метода ctx.telegram.command передаётся объект ctx.state который содержит информацию о контексте запроса (например, идентификатор пользователя). Если необходимо передать какие-то дополнительные параметры, можно использовать другой объект или добавить нужные свойства в ctx.state.

    Также стоит учитывать, что команда будет выполнена только если она зарегистрирована в боте. Поэтому перед использованием ctx.telegram.command нужно добавить обработчик для этой команды с помощью метода bot.command
    Ответ написан
    Комментировать
  • Как сделать бесконечную анимацию движения блоков справа налево?

    @StepsOnes Автор вопроса
    Спустя 2 часа поисков нашел эту статью, может кому пригодиться
    Ответ написан
    1 комментарий
  • Почему "Owl Carousel" некорректно работает на маленьком разрешении?

    @StepsOnes Автор вопроса
    Нашел проблему, указал родителю слайдера фиксированную ширину вместо max-width
    Ответ написан
    Комментировать