用於構建 UI 的 JS / HTML / CSS 框架

Question

我曾經在 Delphi Pascal 中編碼，現在我正在遷移到 JS，但在這個主題上仍然很新鮮。 我想將一個應用程序從桌面移植到 web，它看起來像這樣：

我一直在尋找框架來構建這樣的 UI，但我發現了太多的選項（JQuery、YUI、Bootstrap、Angular、React、Vue ...... - 我什至不確定它們是否屬於同一類別，）和在我看來，他們做的比我需要的多！

除此之外，我發現的大多數示例是構建 web 站點或移動應用程序，與 web 應用程序的“桌面應用程序外觀”完全不同。

所以我真的迷失在許多選項中，並且不確定使用這樣的框架是否對於僅僅布置 UI 來說太過分了。

總之，在圖像上構建這樣的 UI 的最簡單方法是什么？

Answer 1

YUI 停產了，JQuery 也快死了，你不應該考慮這些。

我專業地使用 Angular，但我也在 React 和 Vue 中做個人項目。

根據您所展示的內容，我認為 Angular 非常適合這種組件結構和“復雜性”，特別是如果您需要隨着時間的推移維護和擴展項目。 但是 Angular 的學習曲線有點陡峭，從技術上講，它不使用 JS，而是使用 TS（TS 是 JS 的超級集），而且它增加了相當多的樣板，所以即使我實際上認為 Angular 非常適合我建議您不要走 go 這條路線。

接下來是 React 和 Vue，我一直在使用它們，它們都是非常好的框架。

React 比較流行，也不是太難，但它有時是極簡的，不包括官方路由、state 管理等......所以如果你用 React go 你可以找到不同的資源來使用什么並得到一些我猜輸了。

另一方面，Vue 非常友好和簡單，它有一個很好的文檔和工具來幫助你啟動和運行，並提供開箱即用的一切。

所以實際上我會推薦你使用 Vue 的 go。

另請查看 electron，它是一個框架，您可以使用上述框架之一構建桌面應用程序（我看過一些關於如何使用電子設置 Vue 桌面應用程序的教程）。

所以總而言之，如果你沒有特殊要求（比如庫來做一些特定的事情或類似的東西），我會用 Vue 做 go，如果你願意，你甚至可以用 Electron+Vue 做 go 來制作桌面應用程序。

所以這是我的選擇:)，請注意還有其他框架，如 svelte 和 ember，我不熟悉，所以請理解我是根據我的經驗和知識給出我的意見（無論如何三巨頭無疑是 Angular，反應和 Vue）。

Answer 2

我認為 Dario Piotrowicz 是您的最佳答案。

If you want this "dekstop app" design style, you'll have to change programming language again and look into JAVA or .NET, as desktop apps are also dying, and web applications turned desktop apps via electron are becoming mainstream.

Also, you can get that look with basic html and css and use javascript for functionality if you don't want to change language (again), and use electron for turning it into a desktop app via electron without using a specific framework, as (我認為）electron 將任何 web 站點轉換為桌面應用程序。

electron 項目的一個很好的例子是 discord，我猜是 spotify？ 不確定那個。