主流前端UI框架

article/2025/10/14 11:04:33

1、Element UI

适用于PC端页面开发样式,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
在这里插入图片描述
官网地址:https://element.eleme.cn/#/zh-CN

2、有赞UI

适用于手机端页面的开发样式,轻量、可靠的移动端 Vue 组件库,偏向于电商类、O2O类、交易类产品设计
在这里插入图片描述
官网地址:https://youzan.github.io/vant/#/zh-CN/

3、Bootstrap

适用于PC端页面设计的UI框架,特点就是简单,流行,能解决常见的各种问题,缺点是命名太垃圾了,离开文档基本搞不定。
在这里插入图片描述
官网地址:https://getbootstrap.com/

4、FrozenUI

FrozenUI 是一套基于移动端的UI库,轻量、精美、遵从手机 QQ 设计规范。
适用于使用手Q规范设计的Web页面,而针对非手Q规范的页面,可通过修改变量定制界面主题。可以按需选择需要的组件,也可以采用cdn和combo的方式按需加载。兼容android 2.3 +,ios 4.0 + 。
在这里插入图片描述
官网地址:http://frozenui.github.io/

5、MUI

最接近原生APP体验的高性能前端框架,追求性能体验,是启动MUI项目的首要目标,轻量必然是重要特征;MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K。鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标。MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件。
在这里插入图片描述
官网地址:https://dev.dcloud.net.cn/mui/

6、Pure

面向PC端管理平台的UI框架,框架小巧,并且是纯 CSS,没有太多的牵扯,好用来与其他框架快速结合使用。
在这里插入图片描述
官网地址:https://purecss.io/

7、AUI

AUI是为APICloud而打造的一个单纯UI框架,体积小,方便用户扩展和自由组合,摆脱繁琐的html标签布局。

AUI为一款轻量级前端UI框架,更偏重于CSS布局及样式的构造,通俗易懂的写法及模块式的拼装方便用户自由扩展。轻小的体积、灵活的扩展性,大大提高移动端项目的体验度和开发效率。

Github:https://github.com/liulangnan/aui


http://chatgpt.dhexx.cn/article/Y3tdkxT4.shtml

相关文章

【前端框架】当前基于bootstrap框架的几种主流前端框架

一 概述 当新开发一个项目或产品时,技术选型是一个不可缺少的环节,在软件架构中有着举足轻重的作用,可以这么说,技术选型的好坏直接影响项目或产品的成败优劣,因此,在进行软件架构时,一定要想…

前端主流图表框架

文章目录 一 echarts1.简介:2.使用:1.代码:2.效果:3.代码2:4.效果2(鼠标移动有定位效果): 二 Emprise JavaScript Charts(英文版不好阅读,访问慢&#xff0…

主流前端框架下ArcGIS API for JavaScript的开发

在工作之余利用周末的时间录制了一门ArcGIS API for JavaScript的零基础开发课程,相关信息如下。 课程介绍 课程详细介绍请看如下地址中的视频介绍。 课程特点 课程所用API为目前最新版ArcGIS API for JavaScript 4.14课程所用的主流前端框架为Vue和React 课程…

angular-6大主流前端框架(一)

小编我最近做的项目中前端用到了angular,全因心中无货,特来补货。我们先对比一下前端框架。 【我是否需要使用框架?】 如果不尝试回答这个问题就是我们的失职,这越来越成为社会上某些人的口头禅,在网络平台上的争论也…

3大主流前端框架对比

2019独角兽企业重金招聘Python工程师标准>>> 框架对比 AngularReactVue.js组织方式MVC模块化模块化数据绑定双向单向双向模板能力强大自由简介自由度较小大较大路由静态路由动态路由动态路由 适用场景 Angular:后端开发人员构建CURD类型应用 React&#…

主流前端框架实现原理

主流前端框架都遵循组件化开发模式,根据更新粒度可以分为应用级、组件级和节点级。他们的实现原理均为UIf(state) 即框架内部的运行机制根据状态渲染视图 应用级代表:React 组件级代表:Vue 节点级代表:Svelte、SOLID 一、 节点级更新框架…

三大主流前端框架介绍VUE 、React、Angular

当前,三大主流前端框架分别是Vue、React、Angular这三个框架。 Vue 是一个构建数据驱动的Web界面的库,准确来说不是一个框架,用于构建直观,快速和组件化交互式界面的 MVVM 框架。 它有以下的特性:1.轻量级的框架、2…

web前端三大主流框架浅述

web前端三大主流框架是什么?前端开发师的岗位职责有哪些?微点阅读小编整理了相关内容供大家参考了解,请各位小伙伴随小编一起查阅下面的内容。 web前端三大主流框架 web前端三大主流框架是Angular、React、Vue。 1、Angular Angular原名angul…

几个精致的web UI框架

2019独角兽企业重金招聘Python工程师标准>>> 1.Aliceui Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。 gitH…

自动化测试的基本流程

测试如果按照是否手工划分可以分为手工测试和自动化测试。手工测试执行效率慢,容易出错。但是可以进行探索性测试和发散性测试。自动化测试则是和手工测试对立互补。 实施自动化测试的基本步骤 首先,需要已经完成了功能测试,此时测试版本稳…

自动化测试的流程有哪些?没有比这个更详细的了

目录 前言 自动化测试流程 总结 重点:配套学习资料和视频教学 前言 年初的时候自动化测试脚本也接触了一段时间,当时一上来就根据同事的写好的模板,写了几个简单功能模块的脚本,对整个脚本的编写流程有了些了解。 最近又开始做…

自动化测试的流程

下图是自动化测试的基本流程图,以及每个阶段的任务负责人,输出等。 1、制定测试计划 在展开自动化测试之前,最好做个测试计划,明确测试对象、测试目的、测试的项目内容、测试的方法、测试的进度要求,并确保测试所需的…

原来!自动化测试项目--的完整测试流程是这样的……

目录 需求分析: 整体流程图: 分析流程: 测试设计: 测试分析: 测试设计: 用例设计: 用例执行和回归 用例执行标准 bug回归标准 补充用例 质量分析 bug定位 前端定位: …

MySQL自动化运维工具

数据字典DDM:查看DB表结构和字段的,应用开发人员使用的,参考设计时 数据执行:写SQL语句的dml ,数据库人员给开发人员使用,执行语句、线上调试,发现数据问题,技术支持, 数…

如何做自动化测试

这个话题比较大,相信大家也都有自己的想法,我在这里写一些我自己的看法,请大家指教。 什么叫做自动化测试工程师 首先,会使用自动化测试工具的测试人员不能够称之为完全的自动化测试人员,这类测试人员被称为『工具小…

【测试】自动化测试基本流程

下图是自动化测试的基本流程图,以及每个阶段的任务负责人,输出等。 1、制定测试计划 在展开自动化测试之前,最好做个测试计划,明确测试对象、测试目的、测试的项目内容、测试的方法、测试的进度要求,并确保测试所需的…

自动化测试如何管理测试数据

前段时间,知识星球里有同学问到:自动化case越多,测试数据越多,数据的管理成本也越来越高,是否需要一个数据池来专门管理测试数据?这是一个好问题,也是很多测试同学在自动化测试实践中必须面对的…

自动化测试如何准备测试数据

事实上,大多数类型的测试都需要准备测试数据。 手动测试:需要准备一些基础数据,比如配置数据等; 自动化测试:基础需要准备,已有数据,动态运行时产生的数据需要准备; 性能测试:类似于自动化测试…

自动化测试实施流程

在上篇文章中,我们已经介绍过Selenium的一些基础知识,以及是否能够开展自动化测试的情形,在这篇文章中,我们将主要介绍自动化测试的实施流程。 1、自动化测试流程图 2、主要过程描述 2.1、自动化测试的切入点 开展自动化测试的…

自动化测试之获取mysql中的数据

各位小伙伴们,大家好,今天给大家带来的是关自动化测试之获取mysql数据库中的数据方面的干货,技术含金量超高,有测开方面发展的小伙伴可以好好看看。 实施自动化获取mysql数据库中的数据的前提知识有: 1. 精通软件测试…