• 提一提前端框架-更新版


     前端UI框架

    PC端】

    1Bootstrap http://www.bootcss.com/

    2easyUI http://www.jeasyui.net/

    3jQuery UI http://jqueryui.com/

    4iView

      官网地址:https://www.iviewui.com/
      描述:一套基于 Vue.js 的高质量 UI 组件库。iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。
      GitHub地址:https://github.com/iview/iview

    5Element UI(饿了么团队)

      官方地址:http://element-cn.eleme.io/#/zh-CN
      描述:基于 Vue 2.0 的桌面端组件库
      GitHubhttps://github.com/ElemeFE/element

    6SUI(阿里巴巴国际UED团队-商家业务事业部)

      官网地址:http://sui.taobao.org/
      描述:一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。
      基于jquery

    7H-ui

      官方地址:http://www.h-ui.net/
      描述:轻量级前端框架,简单免费,兼容性好,服务中国网站。
      基于jQuery

    8layui

      官方地址:http://www.layui.com/
      描述:更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,
    让一切你所需要的元素与交互,从这里信手拈来。
      layui 兼容人类正在使用的全部浏览器(IE6/7除外),可作为 PC 端后台系统与前台界面的速成开发方案。
    经典模块化前端框架

    【移动端】

    1Mint UI(饿了么团队)

    中文官网:http://mint-ui.github.io/#!/zh-cn

      描述:基于vue的移动端UI框架
      基于vue

    2SUI Mobile(阿里巴巴共享业务事业部UED团队)

      官网:http://m.sui.taobao.org/
      描述:一套基于 Framework7 开发的UI库。基于IOS风格。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,
    并且能兼容到 iOS 6.0+ Android 4.0+,非常适合开发跨平台Web App
      基于zepto
      IOS风格
      预览:
        http://m.sui.taobao.org/demos/

    3Weui(微信官方设计团队)

      描述:WeUI 为微信 Web 服务量身设计,是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。
    包含buttoncelldialogprogresstoastarticleactionsheeticon等各式元素。
      GitHub地址:https://github.com/weui/weui

    4YDUI Touch

      官网:http://www.ydui.org/
      描述:一只注重审美,且性能高效的移动端&微信UI
      基于jQuery
      兼容性:
        兼容绝大多数移动端设备(兼容Android4.0+IOS6.0+);
      采用 flexbox 布局,因低版本安卓及部分特殊浏览器不兼容flex-basisflex-wrapinline-flex属性,YDUI 将采取其他解决方案;
      基础引入:
        download
          引入YDUI样式:ydui.css
          引入YDUI自适应解决方案类库:ydui.flexible.js
          引入jQuery2.0+
          引入YDUI脚本:ydui.js

    5GMU(百度GMU小组开发)

      描述:基于zepto的轻量级mobile UI组件库,符合jquery ui使用规范,提供webapppad端简单易用的UI组件。
    兼容iOS3+ / android2.1+,支持国内主流移动端浏览器,如safari, chrome, UC, qq等。
      GitHub地址:https://github.com/fex-team/GMU
      star:1106,fork:461
      latest commit 2017.4.18 2pm
      8 contributors
      基础引入:
        download
          引入reset.csshttps://github.com/fex-team/GMU/blob/master/dist/reset.css
          引入gmu.csshttps://github.com/fex-team/GMU/blob/master/dist/gmu.css
          引入zepto.jshttps://github.com/fex-team/GMU/blob/master/dist/zepto.js
          引入gmu.jshttps://github.com/fex-team/GMU/blob/master/dist/gmu.js

    6FrozenUIQQVIP FD团队• Alloyteam团队)

      官方地址:http://frozenui.github.io/
      描述:简单易用,轻量快捷,为移动端服务的前端框架。基于手Q样式规范。应用在腾讯手Q增值业务。
    兼容android 2.3 +ios 4.0 +
      GitHub地址:https://github.com/frozenui/frozenui

    7Amaze UI

      官方地址:http://amazeui.org/
      描述:中国首个开源 HTML5 跨屏前端框架。Amaze UI 关注中文排版,根据用户代理调整字体,
    实现更好的中文排版效果。
      基于jQuery
      GitHubhttps://github.com/amazeui/amazeui

    8、San-mui

    一套为开发者、设计师和产品经理准备的基于 san 框架的组件库,遵循 material design 规范,融入了开发常用的ui组件,帮助你快速搭建网站

    https://ecomfe.github.io/san-mui/#/

    9、ZUI

    一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。

    http://zui.sexy/

    【VUE移动端UI框架】

    vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用。https://wangdahoo.github.io/vonic/docs/#/
    vux 基于WeUI和Vue(2.x)开发的移动端UI组件库。https://vux.li/
    Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。http://mint-ui.github.io/#!/zh-cn
    MUI  最接近原生APP体验的高性能前端框架。http://dev.dcloud.net.cn/mui/
    Muse-ui   基于 Vue 2.0 和 Material Design 的 UI 组件库。https://muse-ui.org/#/zh-CN
    Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。https://youzan.github.io/vant/#/zh-CN/intro
    Cube UI 滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库。https://didi.github.io/cube-ui/#/zh-CN

    【混合开发】

    1ionic

      中文官网网址:http://www.ionic-china.com/

      基于angular
      描述:ionic是一个强大的 HTML5应用程序开发框架(HTML5 Hybrid Mobile App Framework)
    ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
    ionic是一个轻量的手机UI库,具有速度快,界面现代化、美观等特点。

    二、前端框架库

    1Vue

    1)官网:https://cn.vuejs.org/

    2)参考网站:https://www.jqhtml.com/category/article/framework

    2、React

    1)官网:https://react.docschina.org/

    3Angular

    1)官网:https://www.angular.cn/

    4San

    https://baidu.github.io/san/

    5、BootDo 面向学习型的开源框架

    https://gitee.com/lcg0124/bootdo

    6、xeogl : - 3D - https://github.com/xeolabs/xeogl

    三、组件

    1Echats http://www.echartsjs.com/index.html

    2Fullcalendar https://www.helloweba.net/javascript/445.html

    3Datatables http://www.datatables.club/

    4Momentjs http://momentjs.cn/

    5Colorpicker https://farbelous.io/bootstrap-colorpicker/  http://bgrins.github.io/spectrum/

    6Jstree https://www.jstree.com/

    7Sweetalert2 http://mishengqiang.com/sweetalert2/

    8Bootstrap-select https://developer.snapappointments.com/bootstrap-select/

    9swiper https://www.swiper.com.cn/

    10cesiumjs - 地理系统 - https://cesiumjs.org/ 

    11、zTree: http://www.treejs.cn/v3/main.php#_zTreeInfo

    12、GoJS:  流程图制作组件  https://gojs.net/latest/index.html

  • 相关阅读:
    @Transactional 什么情况下会失效?
    如何主持一场专业的面试?
    MIT-HIB 心率数据库及相关
    hadoop中Writable类
    XXX.jar has no source attachment
    Win10Eclipse配置个人本地hadoop
    js去除两个数组中重复的元素
    JS找出两个数组中不相同的元素
    flex中order控制元素的排列顺序
    flex中align-self设置侧轴的某元素的对其方式
  • 原文地址:https://www.cnblogs.com/sylvia-Camellia/p/9964189.html
Copyright © 2020-2023  润新知