zoukankan      html  css  js  c++  java
  • 记录几个ui框架

    Web前端领域最近几年发展的特别迅速,可以说是百家争鸣。Web前端框架就是为了节约开发成本和时间,一般开发一个项目都会用到前端框架(除非自己有前端开发团队)。对于现在的开发者来说,都向着全栈方向发展,所以必须掌握些前端比较流行的框架,这样才能增强自己的技术体系框架,也对自己将来构架之路进行铺路。根据经验千锋武汉Web前端培训的老师推荐几个精致的前端Web UI框架。


    以下是几个精致的Web UI框架:

    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、后台UI开发框架 MuseUI

    一款基于bootstrap风格,兼容于主流浏览器(包括IE6)的后端UI开发组件。

    网站:http://git.oschina.net/muse/museui

    以上就是千锋武汉Web前端培训的老师推荐的几款精致的Web UI框架。都是个人意见,仁者见仁智者见智。希望对大家的前端之路有所帮助

    转自:https://blog.csdn.net/weixin_34239592/article/details/87578563

    增加一个前端的学习端

    1、前端里   http://www.yyyweb.com/front

  • 相关阅读:
    silverlight 会越来越好
    如何在C#里实现端口监视呢?
    我就这么活着
    无意间看到的两句话
    唉,心情
    有一种美丽的缘分,叫错过!
    HTML5之Canvas绘图——阴影效果呈现方法
    jQuery——动态给表格添加序号
    PHP代码——Curl实现网页代理proxy
    HTML5之Canvas绘图——Canvas画布调整之移动、缩放、旋转
  • 原文地址:https://www.cnblogs.com/Annely/p/11207050.html
Copyright © 2011-2022 走看看