众所周知，对于一个完整web项目，前端的代码量应该是比较巨大的，因为需要写大量的html，css，以及一些常用的功能组件。对于一个不太需要自成样式的项目来说，很多代码量其实是可以大大减少的，除了Bootstrp等框架，还有一类UI框架，里面很多的样式和组件都是成套出现的，这可以大大缩减前端的实际代码量。

UI框架，简而言之，就是成套的css，js代码，在书写组件，样式时，只需要遵循该UI框架的命名规范，就可以直接使用成套的样式，交互组件。

UI框架对以后端为主的全栈开发人员来说，简直是必备呀！

前端UI框架选择的参考点：

框架本身是否符合自己项目开发的特征，比如技术栈，各种配置。
风格是否符合项目的定位，不同的目标客户所欣赏的风格不同。
原团队是否仍在维护，以前也有一些比较强大的ui框架，像支付宝，网易都有，后来陆续的暂停维护了，一般暂停维护的UI框架比较适合学习，而不适合实际的开发。

由于小型团队开发需要，整理了一些使用过的或者热度比较高的六个前端框架，希望能对前端的开发起到一定的帮助。

0x01.Semantic UI

特点：有成套的配色，小图标，导航栏，弹窗。响应式局部。性能高。
风格：小巧清新。
官网：https://semantic-ui.com/
开发样例：

0x02.Lay ui

特点：配置简单，上手即用。遵循自身模块规范。原生编写，性能极高。
风格：极简，细节魔鬼。
官网：https://www.layui.com
开发样例：

0x03.Element UI

特点：基于vue，流程，逻辑处理非常完美，细节处理到位。
风格：朴素的简约美。
官网：https://element.eleme.cn/
开发样例：

0x04.Muse-UI

特点：基于vue，支持自定义主题风格。
风格：较传统的web风格，不是很有新意。
官网：https://muse-ui.org/#/zh-CN

0x05.iView UI

特点：基于vue，支持国际化，定制主题，数据处理组件完善。
风格：经典的后台管理系统风格，也有新颖的味道。
官网：http://v1.iviewui.com/

0x06.NoahV

特点：有API数据模拟和API数据代理的功能，更利于前后端完全分离。数据分析的组件非常强大！
风格：大型网站风格，正式，养眼。
官网：https://noahv.gitee.io/#/guide/about

【前端UI框架推荐】六个前端[web端]精致UI框架相关推荐

手机端和web端消息同步框架
框架特点: 1.手机端和web端任何一方发送消息,另外一方也能收到消息 2.手机端和web端任何一方读取某消息,另外一方也能收到该消息已读 3.手机端和web端只要在线就能够实时接收到消息,不在线登录 ...
web端的ui是指的网页设计吗？
其实严格的说,真的算是UI设计里面的一种,因为UI设计在字面来翻译就是界面设计的意思.正好啊.你看WEB端设计,不也是包含了一部分界面设计的内容啊.所以这个也算是UI设计了. 但是现在好多人认为UI设 ...
OpenI启智社区开源算法框架推荐——新一代工业视觉无监督异常检测框架“READ”
工业缺陷检测是工业届非常重要且不可或缺的一项任务,由于工业场景异常缺陷多种多样,传统的机器视觉算法很难实现对缺陷特征完整的建模和迁移,算法复用相对困难,同时要求区分工况,从而造成大量的人力成本的浪费. ...
Delphi Web应用开发B/S框架推荐：《Delphi Web前端开发教程——基于TMS WEB Core框架》
使用TMS WEB Core 发现Delphi软件开发的无限潜能-- 二十多年来,编程语言Delphi 以对 Windows 应用程序的快速可视化编程而闻名于世.尤其是轻松开发桌面数据库应用程序和快捷 ...
国产web端开源ui组件-通用前端ui界面组件库
写个序吧: 随着工作的不断深入,越来越发现很多好的前端开源项目都来自于国外,国产的开源项目很多时候面临叫好不叫座甚至有很多就消失不见了.开源和创新,不仅仅是需要我们的参与同样也需要我们不断的传播,因此 ...
摸鱼前端的自检（六）你不知道的web性能优化
你不知道的web性能优化你遇到过打开一个网站需要10秒以上的吗,这种网页响应非常缓慢,占用大量的CPU和内存,浏览起来常常有卡顿,页面的动画效果也不流畅.你会有什么反应?我猜想,大多数用户会关闭这个 ...
WEB框架研究笔记六（Spring WEB)
原先计划使用Struts,后来发现Spring也提供了和Web集成的一些功能,先研究一下.因为如果前台用Extjs来开发,就不需要用到Web的MVC框架,WEB框架只要能提供页面跳转和对http请求的 ...
Python + Selenium实现web端的UI自动化
我的第一个Python自动化用例环境准备安装好Python 下载最新Python 命令行下查看是否安装成功: Python自带运行环境: IDLE是Python自带的集成开发环境,在开始菜单中搜索 ...
【移动端DL框架】当前主流的移动端深度学习框架一览
大家好,继之前的12大深度学习开源框架之后,我们准备开通新的专栏<移动端DL框架>,这是第一篇文章,先来做一个总体的介绍,更多的细节可以关注以后的文章. 在这个专栏中,我们会介绍与移动端的 ...

【前端UI框架推荐】六个前端[web端]精致UI框架

0x01.Semantic UI

0x02.Lay ui

0x03.Element UI

0x04.Muse-UI

0x05.iView UI

0x06.NoahV

【前端UI框架推荐】六个前端[web端]精致UI框架相关推荐

最新文章

热门文章