esperando o 'end' do evento 'redimensionar' para execução de ação ideal

em programação de eventos driven, é comum lidar com alterações de tamanho usando o evento 'ressecamento', normalmente atribuído a uma janela ou outra No entanto, quando ocorrem operações de redimensionamento, o evento 'redimensionamento' é acionado várias vezes durante o processo, levando à execução redundante do seu manipulador de eventos. 'setTimeout ()' e 'clearTimeout ()'. // Sua ação a ser executada ao redimensionar acabamentos }

declare uma variável, 'doit' e inicialize como 'null'. Essa variável manterá o ID do tempo limite retornado por 'setTimeout ()'. com a variável 'doit'. Isso agendará a execução de 'redimensionadow ()' após um atraso de 100 milissegundos. doit = ​​setTimeout (redimensionadow, 100); };

Quando a operação de redimensionamento termina, o manipulador de eventos 'OnResize' será chamado sem acionar 'redimensionadow ()' imediatamente. Após o atraso designado (100 milissegundos), 'redimensionadow ()' executará, marcando a conclusão do processo de redimensionamento. // Sua ação a ser executada ao redimensionar acabamentos console.log ('redimensionamento acabado!'); } var doit = ​​nulo; window.onResize = function () { ClearTimeout (DOIT); doit = ​​setTimeout (redimensionado, 100); };

Esta solução lida efetivamente o evento 'redimensionar', impedindo que a ação associada seja executada durante o processo de redimensionamento. Em vez disso, a ação é acionada somente após a conclusão da operação de redimensionamento.