求教:对于前端渲染来说,第一次打开某个 URL 和点击刷新这个 URL 有什么区别?

2022-12-26 14:59:15 +08:00
 cogear

正常的

第一次请求某个 URL ,页面正常显示。 之后点击刷新,页面崩掉了。

出错部分逻辑

页面出错部分的逻辑是: 使用 jQuery 给parent element 添加一个 child element 。

Debug 结果

首次请求 URL 时,一切正常。 当点击浏览器刷新时,parent element 还没有渲染(还没这个 element ),就执行了上述逻辑。

疑问

所以,为何能稳定复现这个问题? 为什么首次访问这个 url 和点击刷新,js 代码逻辑的执行顺序不一样了?

1215 次点击
所在节点    HTML
5 条回复
eason1874
2022-12-26 15:02:19 +08:00
出错这部分逻辑怎么写的,难道是 onunload 吧?
lzj724
2022-12-26 15:05:55 +08:00
不给复现代码就别扯这些了
tool2d
2022-12-26 15:11:18 +08:00
既然是 parent element 为空出的错,那么你就等 parent element 生成完成后,再添加子元素呗。
waiaan
2022-12-26 15:11:54 +08:00
show you my code
cogear
2022-12-26 15:13:23 +08:00
@eason1874 我看到是在 loadxxxAsync.then() 执行的,看起来应该是和异步执行有关?不过奇怪的是能稳定复现。。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/904746

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX