在SPA中提供干净ID空间的常见解决方案是什么?

尼克·捷伦捷夫(Nik Terentyev)

情况:几个开发人员远程处理SPA的不同部分/模块。结果,他们可能会意外地引入相同的HTML元素id避免在最终组装之前避免这种情况的常见方法是什么(如果可能,不要拒绝使用id)?

我的浅浅猜测:

  • id为所有名称预先安排(有点荒谬,但是...)

  • 具有架构的结构名称,例如app/collection/model专用名称app-collection-model

  • 拒绝id一般使用s或仅将其用于大型模块?

马格比特

如果您一次又一次地使用不同的ID编写相同的HTML代码,那么您在做错什么。

如今,有许多方法可以创建不需要ID的可重用HTML组件。

我认为是错误的:

对于大型项目(涉及多个团队或大量视图),我不认为一次又一次地编写原始HTML是一个好主意。

这种方法意味着:重复代码和痛苦,以备将来重构(考虑在两年内重新设计应用程序)。这就是为什么有那么多UI框架可以帮助创建可重复使用的组件的原因,其中HTML只需编写一次就可以在任何地方使用。最后,您的应用程序将需要一些组件:表格,弹出窗口,表单,子菜单,选项卡。

目标是使用开发人员可以用来创建视图的那些组件创建框架,而无需实际编写任何HTML代码。

我的观点是:HTML代码在大型项目中应该只编写一次。显然,只编写一次这一事实并不意味着它只能在一个地方呈现,它可以在应用程序中的任何位置。

我的建议:

数据绑定解救!

如果不可能进行大的更改,则遵循惯例可行的您提出的建议可能是合理的,但要小心,每次更改结构时,所有ID都是错误的!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

用分号分隔的CustomActionData会导致字符串溢出-此解决方案的常见解决方法是什么?

由于dpkg错误而无法安装软件包,常见解决方案失败

write.table()导致权限被拒绝-常见解决方案不起作用

在抽象基类中初始化const成员变量的常见解决方案

MS Dynamics 365解决方案中提供的服务端点的用途是什么?

导出Dynamics 365现场服务的解决方案时要在Azure DevOps中提供的解决方案名称是什么?

'os'路径的解决方案是什么

该查询的解决方案是什么?

“找不到类型或名称空间'AjaxControlToolkit'...”的解决方案是什么?

在 PHP 后端从多个 API 提供服务的最佳解决方案是什么?

在DP表中对行进行排序以提取解决方案是否常见?

更干净的for循环递减解决方案

什么样的解决方案thymeleaf是什么?

什么样的解决方案thymeleaf是什么?

IntelliJ IDE的UI解决方案是什么?

访问子类变量的正确解决方案是什么?

制作此动画的最佳解决方案是什么

以下SQL查询的正确解决方案是什么?

最好,最简单的OCR解决方案是什么?

Django OpenID的最佳解决方案是什么?

Grsync备份解决方案的建议设置是什么?

scrollWidth 问题的最佳解决方案是什么?

农民“印刷动物”最实用的解决方案是什么?

我的加密解密问题的解决方案是什么?

更新MARA表的最佳解决方案是什么?

这个图上的 DFS 产生的解决方案路径是什么

以下优化问题的解决方案是什么?

R中给定代码的循环解决方案是什么?

用户注册的最佳解决方案是什么?