开发框架汇总

一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。 2、优点：

(1) bootstrap最近发布了bootstrap4，拥有了box-flex布局等更新，紧跟最新的web技术的

发展。

(2) 比较成熟，在大量的项目中充分的使用和测试。 (3) 拥有完善的文档，使用起来更方便。 (4) 有大量的组件样式，接受定制。 3、缺点：

(1) 如果有自己特殊的需求，就需要重新定制样式，如果一个网站中有大量的非bootstrap“风

格”的样式存在，那么你就需要做大量的css重写，因此也就失去了使用框架的意义。 (2) 会有兼容问题，虽然网上存在很多兼容IE的办法，但需要引入其他文件，有些还不小，

势必导致加载速度变慢，影响用户体验。

九、MUI

最接近原生APP体验的高性能前端框架，具有以下特点： 1，轻量

追求性能体验，是我们开始启动MUI项目的首要目标，轻量必然是重要特征; MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K 2，原生UI

鉴于之前的很多前端框架(特别是响应式布局的框架)，UI控件看起来太像网页，没有原生感觉，因此追求原生UI感觉也是我们的重要目标

十、WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页开发量身设计，可以令用户的使用感知更加统一。 1、优点

(1) 视觉效果，令所有微信用户都能更容易地使用。

(2) 便捷获取快速使用，降低开发和设计成本, 清晰明确，简洁大方。 (3) 微信设计团队精心打造，清晰明确，简洁大方。 2、缺点

框架本身没有考虑到非微信场景下的使用。

十一、Frozen UI

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

优点:

1．Web页面，而针对非手Q规范的页面，可通过修改变量定制界面主题。 2．可以按需选择需要的组件，也可以采用cdn和combo的方式按需加载。 3．使用iconfont展示图标，包含了按钮，列表，表单，提示，弹窗等常用组件，新增文本，布局，1px，文字截断，占位，两端留白，两端对齐等解决方案，同时解决了移动端屏幕适配问题。 4．CSS使用模块化的样式命名和组织规范，使用sass编写css代码。 5．FrozenJS 是针对移动端开发的 js 组件库，其依赖 zepto.js 和 FrozenUI。 6．FrozenJS 包括： basicFrozenJS 的一些基础功能，包括模板引擎、tap 支持等。 7．包含了常用的 UI 组件，dialog 等。

十二、Semantic UI

用于使用手Q规范设计的 Semantic UI是一个用来帮助创建漂亮、响应化、人性化的开发框架

1．简洁的HTML, classes使用类似名词/修饰词关系的自然语言语法，对语序，多连接有直观概念

2．直观的JavaScript: Semantic 用简单的短语来触发功能。 3．在组件中任意设计都是作为一个设置，开发者可以修改。

4．给予了完全的设计自由。高层次变量与直观的集成系统让你用仅仅几行代码改变你的部件的外观与感觉。

十三、Pure

1．最大的特点就是框架基于纯CSS，无任何JavaScript代码，渲染速度比较快。 2．框架十分小巧，压缩后仅5.7k。

3．组件也很丰富，包括表格、表单、按钮、表、导航等。

4．CSS类的标识十分简单，因此在使用Pure的过程中代码会比较友好。

十四、Foundation

Foundation 是一个易用、强大而且灵活的响应式前端框架，用于构建基于任何设备上的响应式网站、 Web应用和电子邮件。结构语义化、移动设备优先、完全可定制。 1．语义化使用Foundation框架语义化结构，可以编写更干净、更优雅的前端代码 2．通过同一份代码快速、有效适配手机、平板、PC 设备。

3．你可以根据自己项目情况完全自定义定制（定义栅格、颜色、字体大小等）

十五、Amaze UI

Amaze UI是国内首款Html5开源跨屏前端框架，优秀开源前端框架，拥有丰富的CSS+JS组件。轻量级高性能开源框架，以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流；面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载；含近 20 个 CSS 组件、10 个

JS 组件，更有 17 款包含近 60 个主题的 Web 组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率；相比国外框架，Amaze UI 关注中文排版，根据用户代理调整字体，实现更好的中文排版效果；兼顾国内主流浏览器及 App 内置浏览器兼容支持。

十六、Appcelerator Titanium框架

http://mobile.51cto.com/web-338270.htm

Titanium 是一个跟手机平台无关的开发框架，用来开发具有本地应用效果的Web应用。当前主要支持 iPhone 和 Android 手机。 1、优点：

http://mobile.51cto.com/web-337037.htm 2、缺点：

http://mobile.51cto.com/web-337040.htm

十七、Sencha Touch框架（较为复杂）

Sencha Touch框架是世界上第一个基于HTML5的Mobile App框架。Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。提供了丰富的 WEB UI 组件，可以快速的开发出运行于移动终端的应用程序。

十八、Kendo UI框架（收费）

Kendo UI的每个方面都从底层开始构建，以提供强大的JavaScript应用程序性能。Kendo UI不是另一个jQuery UI的克隆，它的每一个决定都是从优化性能出发。从轻量级的、执行明显快于jQurey模板的内置模板库，到利用CSS3硬件加速的(如果可能)优化动画 和先进的虚拟化用户界面，Kendo UI不遗余力地提供高性能的客户端UI。

十九、React框架

优点：

(1) 能够实现服务器端的渲染，便于搜索引擎优化。这一点要比Backbone, Angular 1.x和

Ember早期强

(2) 能够很好的和现有的代码结合。React只是MVC中的View层，对于其他的部分并没有

硬性要求。意味着很多公司在选择用Angular全部重构和用React部分重构的时候，选择了React部分重构

(3) 因为一切都是component，所以代码更加模块化，重用代码更容易 (4) 学起来非常容易，几个小时就可以入门因为强调只从this.props和this.state生成HTML，

写起来bug比较少 缺点：

(1) 并不是一个完整的框架，基本都需要加上ReactRouter和Flux才能写大型应用