【问题标题】:How does Netflix show the good bye page?Netflix 如何显示再见页面?
【发布时间】:2020-11-10 04:22:21
【问题描述】:

我知道 Netflix 使用 ReactJs。当您离开网站时,您会看到一个带有 Netflix 徽标的黑色页面。我假设它使用了带有返回函数的 useEffect(相当于 componentWillUnmount 的钩子),并且我还在 React Router 中尝试了 onLeave。但我无法复制它。有人知道吗?

【问题讨论】:

  • 不确定 Netflix 是如何做到的,但是如果黑页是背景图像并且每个组件都呈现在它上面,您可以达到相同的效果。当它们都被摧毁时,图像就是所有的保留
  • 所以。在我的主要 index.js 中,我会将其他所有内容都包装在一个带有墙纸的 div 中?
  • 或者在 App.js 中?
  • 我不会使用 JS。页面上只是普通的老式 HTML/CSS,当所有 JS 都被处理掉时,它仍然存在
  • 好的。就像在我的 Public index.html 中一样?

标签: reactjs netflix


【解决方案1】:

我的猜测是他们正在使用 WindowEventHandlers 事件beforeunload,当您离开网站或关闭选项卡时会触发该事件。

window.addEventListener('beforeunload', () => {
 //code
})

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-08-27
    • 2016-03-25
    • 1970-01-01
    • 2022-06-16
    • 1970-01-01
    • 2015-07-03
    • 1970-01-01
    相关资源
    最近更新 更多