我以前在 Delphi Pascal 中编写代码，现在我正在迁移到 JS，但对这个主题仍然很新鲜。 我想将应用程序从桌面移植到网络，它看起来像这样：
我一直在寻找构建这样的 UI 的框架，但我发现了太多的选择（JQuery、YUI、Bootstrap、Angular、React、Vue ... - 我什至不确定它们是否属于同一类别！ )，在我看来，他们做得比我需要的多！
除此之外，我发现的大多数示例都是构建网站或移动应用程序，与 Web 应用程序的“桌面应用程序外观”完全不同。
所以我真的迷失在许多选项中，并且不确定使用这样的框架是否对于仅仅布置 UI 来说太过分了。
总之，在图像上构建这样的 UI 最简单的方法是什么？
【问题讨论】：
标签： javascript html css user-interface frameworks
我认为 Dario Piotrowicz 是最适合你的答案。
如果您想要这种“桌面应用”设计风格，您将不得不再次更改编程语言并研究 JAVA 或 .NET，因为桌面应用也正在消亡，而通过电子方式转变为桌面应用的 Web 应用正在成为主流。
此外，如果您不想（再次）更改语言，您可以使用基本的 html 和 css 获得该外观，并使用 javascript 实现功能，并使用电子通过电子将其转换为桌面应用程序，而无需使用特定框架，因为（我认为）电子可以将任何网站变成桌面应用程序。
电子项目的一个很好的例子是不和谐，我猜是 spotify？不确定那个。
【讨论】：
YUI 已停产，JQuery 也即将消亡，您不应该考虑这些。
我专业地使用 Angular，但我也在 React 和 Vue 中做个人项目。
根据您所展示的内容，我认为 Angular 非常适合这种组件结构和“复杂性”，尤其是当您需要随着时间的推移维护和扩展项目时。但是 Angular 的学习曲线有点陡峭，从技术上讲，它不使用 JS，而是使用 TS（TS 是 JS 的超级集合），而且它增加了相当多的样板，所以即使我实际上认为 Angular 很适合我建议你不要走那条路。
接下来是 React 和 Vue，我一直在使用它们，它们都是非常非常好的框架。
React 比较流行，也不算太难，但有时极简，不包括官方路由、状态管理等... 因此，如果你使用 React，你可以找到不同的来源，我猜你会迷失方向。
另一方面，Vue 非常友好和简单，它有一个很好的文档和工具来帮助你启动和运行，并提供开箱即用的一切。
所以实际上我建议你使用 Vue。
另外请看一下 electron，它是一个框架，您可以使用上述框架之一来构建桌面应用程序（我看过一些关于如何使用 electron 设置 Vue 桌面应用程序的教程）。
总而言之，如果你没有特殊要求（比如库来做特定的事情或类似的东西），我会选择 Vue，如果你愿意，你甚至可以使用 Electron+Vue 来制作桌面应用程序.
所以这是我的选择 :)，请注意还有其他框架，如 svelte 和 ember，我不熟悉，所以请理解我是根据我的经验和知识给出我的意见（无论如何三大毫无疑问是 Angular、React 和 Vue）。
【讨论】：