网站首页 > 技术课堂
分享丨几款前端常用的UI框架,建议收藏
发布时间:2024-11-09 14:06:02 分类:技术课堂 浏览量:7941

“诚,做人之本;信,为人之根,做个诚信的人是我们的根本。”在一春一夏,我们注重每一位客户提出的每个需求,我们充分考虑客户的每一个细节,我们一直在思考如何为客户创造更大的价值,意在让我们的每一位客户都成为我们的朋友...

 

 

 

在前端项目开发过程中,总是会引入一些UI框架,已方便自己使用,很多前端都会有自己熟悉且惯用的一套UI框架,下面捷点小编就来给大家盘点介绍下经常使用并且很流行的UI框架。

 

01Mint UI

· Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。

· 真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。

· 考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。

· 依托 Vue.js 高效的组件化方案,Mint UI 做到了轻量化。即使全部引入,压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

 

02iView UI1超过 80 个常用底层组件

· 细致、漂亮的 UI

· 友好的 API ,自由灵活的使用空间

· 事无巨细的文档

· 提供多套开箱即用的免费工程

2企业级的多租户权限管理开发平台

· 前端采用 Admin Plus 和 iCRUD

· 后端采用 Spring Boot,Spring Cloud & Alibaba,Spring Security、Redis & JWT

· 支持多租户

· 权限认证使用 JWT 和 Redis,支持多终端认证系统

· 支持加载动态权限菜单,多方式轻松权限控制,权限细化至按钮级别

· 提供单体版和微服务版双版本

3企业级通用型中后台前端解决方案

· 丰富的布局模式可选择,布局和功能具有高可配性

· 强大的鉴权系统,满足不同的业务鉴权需求

· 全响应式支持,所有页面及功能点适配 PC 端、移动端、平板电脑

· 漂亮的 UI、极致的用户体验和细节处理

· 社交布局、地图布局、工作桌面布局可供选择

· JavaScript 和 TypeScript 双版本

4面向配置开发,支持 View UI Plus Table 全功能

· View UI Plus 的 Form 组件全面覆盖(17+)

· 支持 vxe-table,及大数据量渲染、大数据量树形数据等

· 支持本地和远程的数据字典,且自动缓存

· 支持异步跨页数据多选、批量删除数据

· 支持导出表格数据,支持打印表格

· 支持调整列顺序、列显/隐等功能

 

03layui

是一套开源的 Web UI 解决方案,采用自身经典的模块化规范,并遵循原生 HTML/CSS/JS 的开发方式,极易上手,拿来即用。其风格简约轻盈,而组件优雅丰盈,从源代码到使用方法的每一处细节都经过精心雕琢,非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,它更多是面向后端开发者,你无需涉足前端各种工具,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。

 

04Element UI

一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

1、一致性 Consistency

与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;

在界面中一致:所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。

2、反馈 Feedback

控制反馈:通过界面样式和交互动效让用户可以清晰的感知自己的操作;

页面反馈:操作后,通过页面元素的变化清晰地展现当前状态。

3、效率 Efficiency

简化流程:设计简洁直观的操作流程;

清晰明确:语言表达清晰且表意明确,让用户快速理解进而作出决策;

帮助用户识别:界面简单直白,让用户快速识别而非回忆,减少用户记忆负担。

4、可控 Controllability

用户决策:根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策;

结果可控:用户可以自由的进行操作,包括撤销、回退和终止当前操作等。

 

05Ant Design

Ant Design 就是基于 React 实现的一套组件库,从 2015 年 4 月起,Ant Design 在蚂蚁集团中后台产品线迅速推广,对接多条业务线,覆盖系统 800 个以上。定位于中台业务的 Ant Design 兼顾专业和非专业的设计人员,具有学习成本低、上手速度快、实现效果好等特点,并且提供从界面设计到前端开发的全链路生态,可以大大提升设计和开发的效率。

 

 

 

【一春一夏】我们以网站定制开发、APP/小程序系统定制开发为核心业务。我们坚持为“您”提供一站式系统解决方案。我们奉行“登上峰顶,不是为了饱览风光,是为了寻找更高的山峰”为理念,让我们始终阔步向前。

热门文章
相关推荐