JS/HTML/CSS框架搭建UI

JS / HTML / CSS framework for building UI

我以前用 Delphi Pascal 编写代码,现在我正在迁移到 JS,但对这个主题仍然很新鲜。 我想将应用程序从桌面移植到 Web,它看起来像这样:

我一直在寻找构建这样的 UI 的框架,但我发现了太多选择(JQuery、YUI、Bootstrap、Angular、React、Vue ... - 我什至不确定它们是否属于同一类别!),在我看来它们所做的远远超出我的需要!

除此之外,我发现的大多数示例都是构建网站或移动应用程序,与 Web 应用程序的“桌面应用程序外观”完全不同。

所以我真的迷失在许多选项中,并且不确定使用像这样的框架是否对布置 UI.

来说太多了

总而言之,在图像上构建类似 UI 的最简单方法是什么?

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)。

我认为 Dario Piotrowicz 是最适合您的答案。

如果你想要这种“桌面应用程序”的设计风格,你将不得不再次改变编程语言并研究 JAVA 或 .NET,因为桌面应用程序也在消亡,网络应用程序变成了桌面应用程序via electron 正在成为主流。

此外,如果您不想(再次)更改语言,则可以使用基本的 html 和 css 并使用 javascript 实现功能,并使用 electron在不使用特定框架的情况下通过 Electron 将其变成桌面应用程序,因为(我认为)Electron 可以获取任何网站并将其变成桌面应用程序。

电子项目的一个很好的例子是 discord,我猜是 spotify?不确定那个。