8102的前端框架

前端UI框架

【PC端】

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

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

3、jQuery UI :http://jqueryui.com/

4、iView

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

5、Element UI(饿了么团队)

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

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

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

7、H-ui

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

8、layui

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

【移动端】

1、Mint UI(饿了么团队)

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

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

2、SUI 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/

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

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

4、YDUI Touch

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

5、GMU(百度GMU小组开发)

  描述:基于zepto的轻量级mobile UI组件库,符合jquery ui使用规范,提供webapp、pad端简单易用的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.css:https://github.com/fex-team/GMU/blob/master/dist/reset.css
      引入gmu.css:https://github.com/fex-team/GMU/blob/master/dist/gmu.css
      引入zepto.js:https://github.com/fex-team/GMU/blob/master/dist/zepto.js
      引入gmu.js:https://github.com/fex-team/GMU/blob/master/dist/gmu.js

6、FrozenUI(QQVIP FD团队? Alloyteam团队)

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

7、Amaze UI

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

8、San-mui

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

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

9、ZUI

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

http://zui.sexy/

【混合开发】

1、ionic

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

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

二、前端框架库

1、Vue

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

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

2、React

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

3、Angular

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

4、San

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

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

https://gitee.com/lcg0124/bootdo

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

三、组件

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

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

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

4、Momentjs :http://momentjs.cn/

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

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

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

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

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

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

原文地址:https://www.cnblogs.com/sylvia-Camellia/p/9964189.html

时间: 2024-08-04 22:26:51

8102的前端框架的相关文章

前端框架相关

WebMIS 基于CI的PHP免费开源框架 http://www.ksphp.com/docs/WebMIS/other_chart.html Bootstrap 简洁.直观.强悍的前端开发框架,让web开发更迅速.简单. http://www.bootcss.com/ 前端开发框架对比 http://www.ibm.com/developerworks/cn/web/1404_wangfx_jsframeworks/ H-ui概述 - H-ui前端框架官方网站 http://www.h-ui.

前端框架与前端类库的理解

前端框架的理解误区 网站的价值在于它能为用户提供什么价值,在于网站能做什么,而不在于它是怎么做的,所以在网站还很小的时候就去追求网站的架构框架是舍本逐末,得不偿失的.前端框架同理,如果是一个简单的页面型产品,应用只是依赖服务器来生成Web页面和视图,并且只需要使用一些简单的Javascript或者JQuery来使应用更加具有互动性,那么一个JQuery前端类库就可以了,真的没必要用上一些高大上的框架. 当然,框架的确是很有用的,重点是我们要知道什么时候该用什么框架.大公司大项目的经验和成功模式固

一个很实用的前端框架Zui

杰哥给我推荐了一个很有用的前端框架-Zui,我看着觉得很神奇的,因为有很多我都不懂.在这里分享总结一下.首先,这是一个中国自己开发的框架,比起很多外国的框架来说,有很详细的API,而且是全中文的,不需要再经过其他人的翻译了.然后,它的内容十分丰富,很系统的分为了:基础,控件,组件,JS插件,视图几大块:而且使用起来,只需要导入js,在适当的地方加上正确的class类就可以了.对于,没有什么js基础的人,也是十分容易上手的.下面我就大体的介绍一下它的各个模块的功能.基础:基础里面我觉得很有用的主要

90网论坛推荐10大H5前端框架,建议好好学习一下

作为一名做为在前端死缠烂打6年并且懒到不行的攻城士,这几年我还是阅过很多同门从知名到很知名的各种前端框架,本来想拿15-20个框架来分享一 下,但在跟几个前辈讨教写文章的技巧时果断被无情的打击了,所以这里我还是低调的只拿出10个框架来个大锅乱炖来简单介绍,凑够字数也就全剧终了. 原本写这篇文章想围绕着 CSS 框架来的,但因为目前界内比较流行并遍地开花的主要还是 JS+CSS 模式的框架,并且自己靠着一点 JS 功 底,就想专门针对 CSS,所以最后来个大锅乱炖都大致聊聊.下面的框架也没有什么先

web前端框架

1. Bootstrap Boostrap绝对是目前最流行用得最广泛的一款框架.它是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面.它提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件. Bootstrap是用动态语言LESS写的,主要包括四部分的内容: 脚手架——全局样式,响应式的12列栅格布局系统.记住Bootstrap在默认情况下并不包括响应式布局的功能.因此,如果你的设计需要实现响应式布局,那么你需要手动开启这项功能.

前端框架

近几个月,工作中用了一个我们骆驼厂自己的一整套移动前端开发框架,包括css框架.js框架. 所以这次想回过头来想想前端框架这个东西. 为什么出现了即么多各种各样的框架: web app概念的出现,可见前端HTML界面开发变得越来越复杂,本质问题可以说是如何将来自服务器端或者用户输入的动态数据高效的反映到复杂的用户界面上. 有哪些比较得到认可的框架:react.backbone.angularjs... 想看看react: 1.用于开发数据不断变化的大型应用程序. 2.原理:虚拟dom机制:在浏览

闲话js前端框架(2)——庞大的angularjs

闲话js前端框架 前端人员=美工+设计+代码+测试 --题记 专题文章: 一.从avalonjs的模板说起 二.庞大的angularjs 三.再也不想碰DOM 四.组件化?有没有后端的事? 五.再看自己一年前设计的微型渲染引擎 六.在浏览器标准上做文章 七.抛开浏览器,构建应用容器 八.为何Flash.银光和Java都在网页端一蹶不振 本文属 西风逍遥游 原创, 转载请注明出处: 西风世界 http://blog.csdn.net/xfxyy_sxfancy 二.庞大的angularjs Ang

2015年你必须学习的编程语言和前端框架

各种前端开发库和前端框架在不断的更新,为了适应潮流的需要,你必须不断的学习新的东西.但是下面提到的编程语言和前端框架会在很长的时间内占据重要的位置,学习和掌握它们是值得的和必须的.从长远来看,它们是十分受欢迎的,被广大社区支持,并且提供很多的就业机会. JAVASCRIPT 如果你正在从事前端web的开发工作,那么不论你使用什么后台语言,前台开发中javascript使你必须掌握的语言.你可以在浏览器中.在服务器上.在移动app中.甚至是在可编程硬件上使用JS.ECMAScript 6将会使语言

UIkit – 轻量级前端框架

高效轻量级前端框架: 来自:咕噜分享