是使用javascript还是CSS在屏幕大小变化上交换元素更好,以提高性能速度和减少bug



使用javascript更好,检查window.innerwidth.

还是在媒体查询

上使用display:none更好?在缺少bug和简单情况下的性能速度方面。

例如:

你可以创建一个钩子,或者一个函数,当它改变时查看屏幕,或者你可以有一个媒体查询设置一个阻止,一个不显示。

哪个更快,哪个bug更少?

在检查屏幕大小和操纵样式的情况下,最好只使用CSS。

如果你想在JS中检查窗口宽度,你必须使用类似resize事件附加到窗口/文档的东西。即使你把它封装在一个debounce函数中,它也需要花费昂贵的计算。

同样,也有可能用户禁用了JavaScript,而你的代码根本无法工作。

如果出于某些原因(编辑内容或功能),您必须使用JavaScript,更好的方法是使用window.matchMedia()而不是innerWidth函数在resize事件

更多信息:https://webdevetc.com/blog/matchmedia-events-for-window-resizes/#windowmatchmedia-to-the-rescue

相关内容

  • 没有找到相关文章

最新更新