问题标签 [front-end-optimization]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - JS 前端 - 查找重复次数并在 JavaScript 数组列表中追加值以进行多次出现 (C#)
我有一个数组列表，每个数组中有多个属性。请参考以下示例：
我的任务是找出连续重复的元素（指的是数组列表中的翻译文本属性）并为所有出现附加“rep -”。所以列表在应用程序中看起来像这样：
| 列名 | 类别 |
|---|---|
| 代表 - 名称 | 指定员工 |
| 代表 - 名称 | 要求的员工 |
| 指定 | 员工 |
| 代表 - 职业 | 指定员工 |
| 代表 - 职业 | 要求的员工 |
我一直在比较元素和附加值。
reactjs - 为 Nextjs 应用程序创建用户和管理员仪表板开关的最佳方法是什么？
需要知道登录后设置不同流程的正确方法（甚至可能是一些不同的方法），只是不知道正确的开发方式最常用的是什么，到目前为止，我刚刚创建了一个登录表单以及用户是否验证了令牌和是管理员我设置了一个身份验证上下文，其中管理员为真且令牌有效，并且只为管理员用户显示不同的布局，或者如果它只是普通用户的其他布局，但我不确定这是否是创建管理的实际 ppl假设电子商店或博客可以使用仪表板。这种开关的最佳实践是什么？主要是在 react/nextjs 领域寻找建议，但也可以随意添加抽象建议，因为我只是缺乏这种一般设计的经验。下面是我的 _app 文件（根文件）的简化版本，项目是在 Nextjs 中完成的。会喜欢任何建议，
performance - 有没有像 Google Lighthouse 这样的工具可以帮助审核移动应用页面（不是网页）
我正在研究移动应用程序的前端分析和关键指标。一个对我的网页帮助很大的工具是 Lighthouse 审计，现在我想知道 Lighthouse 是否仍可用于移动应用程序页面，如果可以，如何以及如果不能，还有哪些其他工具可以帮助实现此目的。观察指标：
- 第一个内容油漆（FCP）
- 交互时间（TTI）
绩效审计分数等？任何帮助是极大的赞赏。提前谢谢！
javascript - Angular：添加评论后获取更新的记录
我有一个帖子部分，用户可以在其中添加评论和回复。我已将分页逻辑应用于帖子部分。当页面加载第一页的初始 5 条记录时，我正在显示。然后我有重新加载按钮，点击它时，第二页的下 5 条记录会从 api 获取并附加（concat使用）到以前的结果中，就像发生的那样。每次点击重新加载按钮时，我都会调用getallpost函数，添加评论/回复以从 api 获取更新的条目/数据。
getallpost功能。
pageNumber = 1, perPageRecords = 5,selectedpost = []被定义。
关于Relaod按钮的点击功能如下。
当评论/回复被添加时，功能如下
重新加载按钮按预期工作。我面临的问题是当我添加评论/回复时，它会被添加并显示成功消息。但是即使我正在调用getallpost函数，我添加的评论也不会显示在这一点上。
由于 this.selectedpost = this.selectedpost.concat((result as any).data.data);这一行，当前页码值新的更新数据被再次获取并附加，而不是被新的更新数据替换。意味着例如最初获取了 5 条第一页记录。在将评论添加到其中一个帖子后getallpost，调用函数并再次调用第一页的 5 条记录，并添加相应的更新帖子并添加评论。理想情况下，只有数据应该被更新而不应该被附加。
this.selectedpost在上述情况下添加评论/回复后，我应该应用哪种逻辑来获取更新的记录，而无需重新加载/刷新页面（例如不使用location.reload等）？
我已经尝试了一些逻辑，但这些逻辑没有按预期使用重新加载按钮。
请指导和帮助。谢谢。
