JavaScript中的resize()事件是当窗口大小发生改变时触发的事件。它可以用来响应用户在浏览器窗口中改变大小时的动作，从而实现网页中的动态布局。
resize()事件的使用方法
resize()事件的使用方法非常简单，只要在需要响应窗口大小变化的元素上绑定resize()事件即可：
window.addEventListener('resize', function(){
// 这里是resize事件的处理函数
});
resize()事件可以绑定到window对象上，也可以绑定到其他的DOM元素上，比如div、span等。
resize()事件的处理函数中，可以根据当前窗口的大小，来动态调整网页的布局，比如改变图片的大小、改变表格的宽度、调整文本框的位置等。
resize()事件的注意事项
resize()事件在处理过程中非常耗时，如果处理函数中的代码太多，可能会导致浏览器卡顿，在使用resize()事件时，需要谨慎处理，尽量减少处理函数中的代码量：
- 尽量使用CSS3中的媒体查询，而不是在resize()事件处理函数中进行布局调整。
- 尽量使用事件节流，减少resize()事件被触发的频率。
- 尽量避免在resize()事件处理函数中进行DOM操作。