首页>>后端>>SpringBoot->基于bootstrap的ui框架(基于bootstrap框架的ui有哪些)

基于bootstrap的ui框架(基于bootstrap框架的ui有哪些)

时间:2023-12-02 本站 点击:0

北大青鸟设计培训:常用的UI框架有哪些?

常用的UI框架有哪些?推荐6种常用的UI框架。

接下来沈阳电脑培训为大家分享一下UI专业设计师在日常工作中常用的几种框架,希望能够帮到你!Bootstrap说到流行的UI框架,那么Bootstrap是一定会出现在榜单上的。

它是由twitter推出的Web前端UI框架,它由Twitter的设计师MarkOtto和JacobThornton合作开发。

Bootstrap通过它优秀的栅栏系统,很好的实现了响应式布局。

Bootstrap还提供了时尚的排版样式,表单,buttons,表格,轮播等等。

Bootstrap提供了优雅的HTML和CSS规范,它是由动态CSS语言Less写成。

Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的BreakingNews都使用了该项目。

国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。

jQueryUIjQueryUI是建立在jQueryJavaScript库上的一组用户界面交互、特效、小部件及主题。

无论是创建高度交互的Web应用程序还是仅仅向窗体控件添加一个日期选择器,jQueryUI都是一个完美的选择。

jQueryUI包含了许多维持状态的小部件(Widget),因此,它与典型的jQuery插件使用模式略有不同。

所有的jQueryUI小部件(Widget)使用相同的模式,这样就大大的降低了学习成本。

jQueryUI继承jQuery简易使用特性,提供高度抽象接口,短期改善网站易用性。

同时,jQueryUI采用MITGPL双协议授权,轻松满足自由产品至企业产品各种授权需求。

jQueryUI另一大有点是兼容各主流桌面浏览器。

包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。

而且,jQueryUI有完全汉化的版本,开发包内置包含中文在内的40多种语言包。

PureCSSPure也是一款很出色的CSS框架,Pure是来自雅虎的。

尽管从UI界面效果上来说,Pure没有Bootstrap那样精美,但Pure是纯CSS实现的,因此非常小巧,整个框架压缩后只有5.7k左右。

最大的特点就是框架基于纯CSS,无任何JavaScript代码,渲染速度比较快。

由Yahoo出品,技术上应该不存在太大问题。

组件也很丰富,包括表格、表单、按钮、表、导航等。

CSS类的标识十分简单,因此在使用Pure的过程中代码会比较友好。

SemanticUISemanticUI最大的优点就在它的名字里--语义化。

Semantic-UI比Bootstrap更语义化,使用了更容易理解的标签名称:导航的是nav,主要内容的是main,class名也很明确。

而且SemanticUI的modules预制了很多美观的动画,同时也非常简单好用。

比如视图(Views)中的评论(Comment)和动态信息(Feed)。

几个Web前端开发框架的比较

web前端开发的框架大致有如下几种

1、Bootstrap

Boostrap是目前最流行用得最广泛的一款框架。它是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面。提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件。

2、Fbootstrapp

Fbootstrapp基于Bootstrap并且提供了跟Facebookiframeapps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML,包括排版、表单、按钮、表格、栅格、导航等等,风格与Facebook类似。

3、BootMetro

BootMetro框架的灵感来自于MetroUICSS,基于Bootstrap框架构建,用于创建Windows8的Metro风格的网站。它包括所有Bootstrap的功能,并添加了几个额外的功能,比如页面平铺,应用程序栏等等。

4、Kickstrap

Kickstrap是Bootstrap的一个变体。它基于Bootstrap,并在它的基础上添加了许多app,主题以及附加功能。这使得这个框架可以单独地用于构建网站,而不需要额外安装什么。需要做的仅仅是把它放到网站上,然后用就可以了。

浪起科技建站后台管理系统常用的ui框架有哪些?

他们常用的有easyui,layui和vuejs,easyui,layui和vuejs有什么区别呢?

easyui是功能强大但是有很多的组件使用功能是十分强大的,而layui是2016年才出来的前端框架,现在才更新到2.x版本还有很多的功能没有完善,也还存在一些不稳定的情况,但是layui界面简约美观,而且容易上手而且有很多组件在layui的社区里都可以找到,layui的弹出层layer也是layui与别的框架区别

2.layui与bootstrap对比

layui是国人开发的一套框架,2016年出来的,现在已更新到2.X版本了。比较新,轻量级,样式简单好看。

bootstrap相对来说是比较成熟的一个框架,现在已经更新到4.X版本。是一个很成熟的框架,这个大部分人一般都用过。

适用范围对比:

1.layui其实更偏向与后端开发人员使用,在服务端页面上有非常好的效果

做后台框架。

作者“闲心”都说了,开发这个框架的出发点是为了满足服务端程序员的需求。所以你懂得。

layui是提供给后端开发人员最好的ui框架,基于DOM驱动,在实现前端交互上比较麻烦,页面的增删改查都需要查询DOM元素。所以在不需要交互的时候,用layui还是不错的。

2.bootstrap在前端响应式方面做得很好,PC端和移动端表现都不错。

做网站不错。

如果是类似官网,且需要同时满足PC端和移动端效果,bs表现很好。

但是如果是要交互的网站,比如商城之类,vue显然更好,前后端分离。

bootstrap是一个ui框架么

是的,Bootstrap是目前最流行的Web前端UI框架;

它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。它使用了最新的浏览器技术,Bootstrap提供了时尚的排版样式,表单,buttons,表格,网格系统等等。

前端ui框架有哪些

以下是几个精致的Web UI框架:

1、Aliceui

Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。

gitHub地址:

2、Amazeui

Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。

地址:

3、sui

SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。 通过SUI,可以非常方便的设计和实现精美的页面。

地址:

同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。

地址:

4、FrozeUI

Frozen UI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。

地址:

5、uiKit

uiKit是一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。

地址:

6、H-ui

H-ui是轻量级前端框架,简单免费,兼容性好,适用于中国网站。

地址:

7、Weui

weUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

地址:

8、layui

Layui 诞生于2016年金秋,是一款带着浓烈情怀的国产前端UI框架,她追求极简,又不失丰盈的内在,说她是史上最轻量的结晶,似乎并不为过。一切都源自于她对原生态的执着,对前端社区的那些噪杂声音的过滤,以及她本身的精心雕琢。

地址:

9、YDUI Touch

YDUI Touch 专为移动端打造,在技术实现、交互设计上兼容主流移动设备,保证代码轻、性能高;使用 Flex 技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局;实现强大的屏幕适配布局,等比例适配所有屏幕。什么?用得不开心?轻松切换 px;自定义Javascript组件、Less文件、Less变量,定制一份属于自己的YDUI;

地址:

10、后台UI开发框架 MuseUI

一款基于bootstrap风格,兼容于主流浏览器(包括IE6)的后端UI开发组件。

网站:


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/SpringBoot/9887.html