UI框架收集

我们做网站后台管理的时候，其实很多界面上的框架设计可以考虑使用UI框架。

UI框架一般都能提供比较美观的界面设计，以及提高我们的开发效率。

如何选择

我们用ExtJS、easy ui两项来对比

1.首先根据你的需求，你需要这些框架具有你需要的UI组件，ExtJS、easy ui都具备你需要用到的那几款ui组件，比如messagebox、tree、grid。相比较jQuery UI的ui组件不够全面，比如grid，但是jquery有很多各种插件，包括grid,但它不在jQuery UI内。而Ext JS和easy ui最新版提供的GRID都有20种以上实现不同功能grid。

2.轻重比较，说ExtJS比较大，jquery较小，那只是浅显的理解。首先ExtJS是一个完整的Framework,是重量级别的，easy ui 是基于jquery库的一套UI组件库，是轻量级的，ExtJS是应用application级的，而jquery是page页面级的。当然application也是由page组成的，那就需要你自己去完成了，考虑你的需求，和使用框架的初衷，选择使用哪一种。同时ExtJs由于是重量级框架，完全面向对象风格，提供API非常完备也非常庞大，所以学习成本也想相对较大。

3.兼容性ExtJS兼容IE全系列浏览器和其他非IE现代浏览器，jquery UI向来不太考虑ie低版本浏览器的兼容，从态度上的鄙视。easy UI是基于jquery的，jquery2.X以上的版本不再支持IE6、7、8,，已郑重声明，请看官方网站，easyUI最新版本1.3.3使用jQuery2.0,由于又很多HTML5特性，不再支持IE6\7\8，低版本由一些小部分的兼容不够好，请自己做技术选型的时候去测试，你要使用那个版本。在兼容问题上，他们都有瑕疵，看你的接收程度。

4.使用许可license.  EXTJS  2.1以上版本，商用需要购买商业授权，jquery UI 使用MIT协议，开源。 jquery easyUI如果商用需遵循license commercial商业许可，也就是要购买使用权.

SUI Mobile

手机端框架

http://m.sui.taobao.org/components/#layout

效果图

Ant Design of React

后台模版框架

http://ant.design/docs/react/introduce

效果图

pure

yahoo开源框架

官网 

http://purecss.io/start/

效果图

jQuery EasyUI

官网

http://www.jeasyui.com/

效果图

bootstrap

官网

http://getbootstrap.com/getting-started/

效果图

Bootflat

官网

http://bootflat.github.io/getting-started.html

效果图

Semantic

官网

http://www.semantic-ui.cn/

效果图

DWZ

官网

http://j-ui.com/

效果图

ligerUI

官网

http://www.ligerui.com/

效果图

ext js

收费

官网

http://www.sencha.com/products/extjs/evaluate/

效果图