用于构建UI的JS / HTML / CSS框架

塞尔吉奥·桑托斯(Sergio Santos)

我曾经用Delphi Pascal编写代码,现在我正在迁移到JS,但在该主题上仍然很新鲜。我想将应用程序从桌面移植到Web,它看起来像这样:在此处输入图片说明

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

除此之外,我发现的大多数示例都是用于构建网站或移动应用程序的,没有像该Web应用程序的“桌面应用程序外观”那样的东西。

So I'am realy lost in the many options, and not sure if using a frameworks like these is too much for just laying out a UI.

In Conclusion, what is the easyest way to build a UI like that on the image?

Dario Piotrowicz

YUI is discontinues and JQuery is also dying, you shouldn't take those into consideration.

Professionally I work with Angular but I also do personal projects in React and Vue.

Based on what you're showing I think Angular would be a perfect fit for that sort of component structure and "complexity" and especially if you'll need to maintain and expand the project over time. But Angular has a somehow steep learning curve and it doesn't technically use JS but TS (TS is a super set of JS), plus it adds quite the boilerplate, so even though I actually think Angular would be a good fit for that I would suggest you not to go that route.

Next we have React and Vue, I have been using both and they are both very very nice frameworks.

React is the more popular and it is not too hard, but it is at time minimalist and does not include official routing, state management, etc... So if you go with React you can find different sources on what to use and get somewhat lost I guess.

Vue on the other hand is extremely friendly and easy, it has a great documentation and tools to get you up and running and provides everything you need out of the box.

So actually I would recommend you to go with Vue.

Also please take a look at electron, it is a framework you can use to build desktop applications using one of the frameworks mentioned above (I have seen a few tutorials on how to set up a Vue Desktop app using electron).

So all in all, if you don't have special requirement (like libraries to do something specific or stuff like that) I would go with Vue and if you want you can even go with Electron+Vue to make a desktop app.

因此,这是我的选择:),请注意还有其他框架,例如svelte和ember,这些框架我并不熟悉,因此请理解我是根据我的经验和知识给出自己的意见的(无论如何,三大框架无疑是Angular, React和Vue)。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用Node.js在Hexo等框架中编辑CSS和HTML

来自分类Dev

skel.js框架/ HTML5UP模板CSS问题

来自分类Dev

skel.js框架/ HTML5UP模板CSS问题

来自分类Dev

HTML / CSS / JS是否可以用于通过Adobe Air进行编译来构建移动应用程序

来自分类Dev

CSS / HTML自定义框架/效果

来自分类Dev

Webpack构建-单独的html,css和js输出路径

来自分类Dev

Mobile Angular UI是我可以用于移动html应用程序的框架吗?

来自分类Dev

Mobile Angular UI是我可以用于移动html应用程序的框架吗?

来自分类Dev

HTML或CSS中不规则形状的框架/边框

来自分类Dev

使用CSS HTML构建菜单

来自分类Dev

离子框架的Angular JS内部HTML

来自分类Dev

CSS html:非标准图片框架:如何实现CSS和HTML?

来自分类Dev

识别通过框架生成而不是通过原始HTML构建的对象

来自分类Dev

推荐的用于Phonegap的UI框架?

来自分类Dev

为新的 Web 组件更新 UI 框架 CSS

来自分类Dev

Gulp.js-`watch`不适用于`typescript`更改,但适用于`html,css`更改

来自分类Dev

使用 CSS 和 html 构建网页

来自分类Dev

用于nuxt.js构建的自定义index.html

来自分类Dev

制造Caclulator(HTML / CSS / JS)

来自分类Dev

Manufacturing a Caclulator (HTML / CSS / JS)

来自分类Dev

防止HTML形式的JS / CSS

来自分类Dev

如何将 html、css、js 模板转换为 Hugo 静态网站构建器的模板

来自分类Dev

用HTML最好的JS替换框架集是什么

来自分类Dev

将bootstrap.css文件链接到Play框架中的scala.html页面

来自分类Dev

CSS不适用于HTML

来自分类Dev

将CSS应用于html标签

来自分类Dev

CSS不适用于HTML

来自分类Dev

用于构建 HTML 表格表示的算法

来自分类Dev

HTML中的固定框架

Related 相关文章

热门标签

归档