JavaScript中的resize()事件是页面大小发生改变时触发的事件，它可以在页面大小发生改变时执行相应的操作。resize()事件的应用场景很多，下面就来介绍几个：
1.响应式布局
在移动端开发中，我们经常会遇到响应式布局的问题，即在不同的屏幕尺寸下，页面的布局要相应的改变。这时候，我们就可以使用resize()事件来实现，当窗口大小发生改变时，我们可以获取到新的窗口大小，根据不同的窗口大小来设置不同的布局，从而实现响应式布局。
2.设置图片大小
在页面上放置图片时，我们可能需要根据窗口大小来设置图片的大小，这时候我们可以使用resize()事件来实现。当窗口大小发生改变时，我们可以获取到新的窗口大小，根据窗口大小来设置图片的大小，从而实现图片随窗口大小变化而变化的效果。
3.实现滚动条自动隐藏
有时候，我们希望当页面的内容超出浏览器窗口时，滚动条能自动隐藏，这时候我们可以使用resize()事件来实现。当窗口大小发生改变时，我们可以获取到新的窗口大小，根据窗口大小来判断页面的内容是否超出窗口，如果超出窗口，则显示滚动条，如果没有超出窗口，则自动隐藏滚动条，从而实现滚动条自动隐藏的效果。
4.设置元素的位置
有时候，我们希望在页面的某个元素的位置能随着窗口大小的变化而变化，这时候我们可以使用resize()事件来实现。当窗口大小发生改变时，我们可以获取到新的窗口大小，根据窗口大小来设置元素的位置，从而实现元素位置随窗口大小变化而变化的效果。
使用方法
window.addEventListener('resize', function() {
// 获取新的窗口大小
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;
// 根据窗口大小来执行相应的操作
// ...
});
以上就是resize()事件的几个应用场景，resize()事件的使用非常简单，只需要在窗口大小发生改变时，获取新的窗口大小，根据窗口大小来执行相应的操作即可。