动力节点旗下在线教育品牌  |  咨询热线:400-8080-105 学Java全栈,上蛙课网
首页 > 文章

前端UI框架的定义及介绍

08-14 16:50 304浏览
举报 T字号
  • 大字
  • 中字
  • 小字

各位java程序员都知道常用的三大框架SSH,SSH框架分别是SpringStruts和Hibernate,可以说,熟练使用三大框架是一名合格的java程序员的必备技能之一。Java是后端开发技术,那么不会前端技术的程序员开发漂亮的前端页面怎么办,这个时候,前端UI框架起到重的作用。前端UI框架的作用就是让不会前端的人快速开发出漂亮的前端页面,下面就来介绍前端UI框架的定义是什么,常用的前端UI框架包括哪些。

java框架,即framework,其实就是某种应用的半成品,就是一组组件,供你选用完成你自己的系统。框架一般是成熟的,不断升级的软件,归纳成一句话就是框架要解决的最重要的一个问题是技术整合的问题。UI框架是基于前端框架做的框架(也有一部分是原生开发的UI框架, 如bootstrap), 简化我们开发的。前端UI框架是一种展示和交互模式,可以适配到任意的前端框架, 比如一些流行的UI框架就适配了三大前端框架。这就是前端UI框架的定义。

那么常用的前端UI框架都有哪些呢?

1、WeUIWeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。

2、Mint UIMint UI是饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的CSSJS组件,能够满足日常的移动端开发需要。

3、cube-uicube-ui 是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。

4、iView UIiview ui是一个强大的ui库基于vue,有很多实用的基础组件比elementui的组件更丰富,主要服务于 PC 界面的中后台产品。使用单文件的 Vue 组件化开发模式 基于npm + webpack + babel 开发,支持 ES2015高质量、功能丰富 友好的API ,自由灵活地使用空间。

5、Layuilayui是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。

6、ElementUIElement是饿了么前端开源维护的Vue UI组件库组件齐全,基本涵盖后台所需的所有组件,文档讲解详细,例子也很丰富。 主要用于开发PC端的页面,是一个质量比较高的Vue UI组件库。

7、at-uiat-ui 是一款阿里团队创建的基于Vue 2.x 的前端UI组件库,主要用于快速开发PC网站产品。它提供了一套npm + webpack + babel前端开发工作流程CSS 样式独立,即使采用不同的框架实现都能保持统一的UI风格。

8、amaze UIAmaze UI 是一个移动优先的跨屏前端框架。提供基础样式,网格,表格、表单、按钮及常用组件样式。是一个轻量级Mobile first的前端框架

9、vant UIvant UI是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。

10、ionicIonic既是一个CSS框架也是一Javascript UI库,Ionic 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它 提供了很多UI 组件来帮助开发者开发强大的应用。

上面介绍了前端UI框架的定义和十个常见的前端UI框架,大家要根据自己的情况来选择熟悉的UI框架使用,因为使用熟悉的框架会知道在哪些方面该注意,遇到突发状况该如何处理,而且比别人用的更好,希望大家可以掌握好自己熟悉的前端UI框架。

0人推荐
共同学习,写下你的评论
0条评论
光打雷不下雨
程序员光打雷不下雨

4篇文章贡献16175字

作者相关文章更多>

推荐相关文章更多>

DOM渲染的详细过程

QCode09-04 14:38

CSS水平和垂直居中技巧大梳理

Code大师09-04 14:50

mui的input框在IOS系统下无法聚焦或点击多次才能聚焦

不写代码你养我啊08-23 11:14

推荐的-视.频播放器以及在线客服

不写代码你养我啊09-17 18:02

谈谈java多线程的三大特性

要学习了06-18 18:13

发评论

举报

0/150

取消