几个精致的web UI框架

article/2025/10/14 11:50:25

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

1.Aliceui


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


gitHub地址:https://github.com/aliceui/aliceui.github.io


2.Amazeui


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


官网地址:http://amazeui.org/


3.sui


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


官网地址:http://sui.taobao.org/


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


地址:http://m.sui.taobao.org/


4.FrozeUI


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


官网地址:http://frozenui.github.io/


5.uiKit


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


官网地址:http://www.getuikit.net/


6.H-ui


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


官网地址:http://www.h-ui.net/


7.Weui


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


官网地址:https://github.com/weui/weui


8.layui


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


官网地址:http://www.layui.com/


9.YDUI Touch


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

官网地址:http://www.ydui.org/

10.mui

http://dev.dcloud.net.cn/mui/

转载于:https://my.oschina.net/u/2444569/blog/1809488


http://chatgpt.dhexx.cn/article/9oBYTY81.shtml

相关文章

自动化测试的基本流程

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

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

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

自动化测试的流程

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

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

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

MySQL自动化运维工具

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

如何做自动化测试

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

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

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

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

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

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

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

自动化测试实施流程

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

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

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

性能自动化测试整体流程

目录 1. 性能环境搭建介绍 1.1 配置Jenkins 1.2 配置Maven, JDK 1.3 安装Jenkins插件 1.4 Jenkins角色权限管理 1.5 Jenkins配置发送邮件 1.6 配置JMeter 1.7 安装和配置Tomcat 2. 分布式接口压测的Job设置 2.1 Jenkins上配置Job 2.2 配置JMeter分布式压测环境 2.3…

自动化测试(一)

利用测试自动化工具,更轻松地编写测试套件,减轻人为干预并提高测试ROI回报率。 业务关键测试用例,重复测试用例,功能测试用例 web自动化测试工具 : QTP一个商业化的功能测试工具,收费,支持web…

自动化测试-使用python控制MYSQL数据库(pymysql)

当需要对大量的数据进行处理并写入/读取数据库时,直接使用Linux显然会显得力不从心,即使是图形化的Navicat Premium在处理大批量数据时也难以招架,只能通过SQL语句结合导入导出来实现一些事情,本文分享使用python语言中的pymysql包…

自动化测试基本流程

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

最完整的自动化测试流程

今天笔者就要归纳总结下一整套测试流程,从无到有,实现零突破,包括如何编写测试用例,定时执行测试用例,查找最新生成的测试报告文件,自动发送最新测试报告邮件,一整套完整的测试流程。以后各位只…

图解《字典学习》

PPT&代码链接 csdn:https://download.csdn.net/download/u012037852/10899017 github:https://github.com/longfeizhou2016/Dictionary-learning

python学习 字典

22-9-15 1.格式:大括号{} eg: 2.创建字典: 6种常用方法: 3.增: 1.formkeys: eg: 2: 用此种方法,若键值存在,则修改其value,若不存在,则新…

[转]字典学习/稀疏编码

本文转自https://zhuanlan.zhihu.com/p/26015351 机器学习——字典学习/稀疏编码学习笔记 Esquirrel 2 个月前 以下资料是小编学习字典学习/稀疏编码时,整理的高质量的网络博客,供大家参考。欢迎留言交流,批评指正理解不足。 最Highlight的地…

【零散知识】字典学习(Dictionary Learning)

前言: { 之前的神经网络实践还卡在硬件上,不过目前已经打算先使用云设备,下次应该就会继续进行多目标识别的调试。这次就先写一点零散知识。 在专利[1]中我遇到了新的观点——字典学习(Dictionary Learning)。 } 正…