关于前端布局嵌套一些疑惑。

2023-05-26 15:45:50 +08:00
 whyrookie

最近断断续续学习一些前端知识,在看一些视频,里面的老师写页面的时候似乎很少强调减少布局的嵌套,自己一直都是写 Android 项目,对于布局的多层嵌套特别敏感,为了提升一些性能,想尽办法减少布局嵌套。是否是因为前端这块布局嵌套对性能影响比较小?

3260 次点击
所在节点    程序员
26 条回复
AyaseEri
2023-05-27 01:51:38 +08:00
不是没影响,一般前端性能问题还轮不到需要抠嵌套层级的地步
ivslyyy
2023-05-27 04:14:55 +08:00
安卓里往 activity 里拖 ui 组件
嵌套比较少

很久以前 html+css 时候,也是一个 html 里写一些 ui ,其实嵌套也少

但近来的主流前端 ui 库
讲虚拟解析树、组件化、函数式、
这些概念就容易形成嵌套

如果在 vue 、react 里,硬要一个文件写几千好几万行,我也见过这样的项目,
而且他们的项目、收入还不错。
这样写想必嵌套就少一点。
wu67
2023-05-27 10:30:34 +08:00
前端布局的少嵌套只有一个主观作用. 方便你写和读 html 代码部分的效率, 而不是优化浏览器执行的速度,
当然我不否定精简 /优化后的代码也许执行起来更快, 但是现代浏览器以及硬件性能的提升, 使得这部分代码的优化作用几乎可以忽略不计.
n18255447846
2023-05-27 16:14:54 +08:00
嵌套多少层都行,真的注重性能的话,应该尽量避免重绘
darkengine
2023-05-27 16:23:13 +08:00
@autoxbc 问题是你得先把页面做出来,再看卡顿不卡顿,是否要通过减少嵌套解决。
lilei2023
2023-05-27 19:43:18 +08:00
减少嵌套是没问题,不过现代浏览器性能应该足够了,只要不碰到极端情况就没问题,你看看现在的一些库,那可是好几层的嵌套。注意一下回流,dom 多了有时候会卡

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

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

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

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

© 2021 V2EX