pure系统前端框架

1. 现在主流的前端框架有哪些

现在前端主要流行三大框架。给大家具体分析一下这三个前端框架：

1、Angular

大家眼里比较“叼”的框架，甚至有人说三大框架中只有她能称的上一个完整的框架，因为他包含的东西比较完善，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能。对于刚开始学习使用框架的小伙伴们，可以推荐这个框架，学会之后简直能颠覆之前你对前端开发的认知。使用 TypeScript能够提高代码可维护性，有利于后期重构。双向数据流很方便，但是等业务复杂之后，你可能就搞不清楚数据流了。还有令人不开心的脏值检查，以及directive的封装并没有解决视图与数据关系完全分离，有时候还要用$digist强制触发检测。

2、React

这个框架本身比较容易理解，他的结构很清晰，就是由十几个API组成，然后异步渲染，我们只需要处理好接口和维护就好了，但是很多人反映上手还是有一定的的难度的。React是单向数据流，代码写起来会较双向数据流的多一些，但是同样的排查问题时思路清晰很多。

3、Vue

号称是最简单，最容易上手的框架，同时也是行内的大趋势，还可以用来开发最火的小程序。毕竟用这神器，代码码的飞快，项目也能快速上线。同时他也是双向数据流。有些人认为Vue是Angular和React的结合，既有Angular的模板语法也有React的组件化体系。

当你学会其中某个框架之后，你再转用其他框架的时候，学会是很容易的，因为方法都是大同小异的。具体的使用还是得看公司的项目适合或者要求哪个框架。

2. 学习web前端需要了解的几个主流框架

前端领域最近几年发展的特别迅速，可以说是百家争鸣。在底层的前端框架领域中，最早是jquery称霸互联网，近两年MVVM类型的框架慢慢成为主流，Vue、React和Angular三大框架并驾齐驱。可以说，目前这四种是开发者用的最多使用最广的底层框架。

下面根据自己工作中、关注中的一些前端框架进行了梳理，对于现在的开发者来说，都向着全栈方向发展，所以必须掌握些前端比较流行的框架，这样才能增强自己的技术体系框架，也对自己将来构架之路进行铺路。

1、Bootstrap

Bootstrap是最流行的前端开发框架，可以让不是前端工程师也能开发出优美的页面，更加快捷、方便的开发web页面和移动端应用。也能开发响应式web页面，上手也非常快。中文

3. 2015年有哪些比较优秀的前端框架

作者：匿名用户
链接：http://www.hu.com/question/39377015/answer/81017680
来源：知乎
着作权归作者所有，转载请联系作者获得授权。

此榜单根据github上star数作为排名依据，一个人力量有限，如果收集有遗漏欢迎补充。
1、名称：Bootstrap
类别/语言：HTML、CSS、JavaScript
创建者： Twitter
人气：在Github上有91007 stars
描述：主流框架中毋庸置疑的老大，Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。
核心概念/原则: RWD 和移动优先制。
浏览器支持： Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8)
响应式: Yes
模块化: Yes
官网地址：Bootstrap · The world's most popular mobile-first and responsive front-end framework.
Github地址：twbs/bootstrap · GitHub
2、名称：html5-boilerplate
类别/语言：HTML、CSS、JavaScript
创建者：Paul Irish
人气：在Github上有32,349 stars
描述：HTML5 Boilerplate 帮你构建 快速, 健壮, 并且 适应力强 的web app或网站。
核心概念/原则：响应式
浏览器支持：Firefox, Chrome, Safari, IE8+,Edge,Opera
预处理器：None
响应式：Yes
模块化：Yes
官网地址：HTML5 Boilerplate: T
Github地址：h5bp/html5-boilerplate · GitHub
3、名称：Meteor
类别/语言：HTML、CSS、JavaScript
创建者：immir
人气：在Github上有31,092 stars
描述：Meteor是新一代的开发即时web应用的开源框架，它能帮助你在最少的时间内完成开发。
核心概念/原则：响应式
预处理器: Less
响应式: Yes
模块化: Yes
官网地址：Meteor
Github地址：meteor/meteor · GitHub
4、名称：Semantic UI
类别/语言：HTML、CSS、JavaScript
创建者: Jack Lukic
人气: 在Github上有22,325 stars
描述: “基于自然语言有效原则的UI组件框架”
核心概念/原则: 语义，标签的矛盾性、响应式
浏览器支持：Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10。
预处理器: Less
响应式: Yes
模块化: Yes
官网地址：Semantic UI
Github地址：Semantic-Org/Semantic-UI · GitHub
5、名称：Foundation
类别/语言：HTML、CSS、JavaScript
创建者: ZURB
人气: 在Github上有22,206+ stars
描述: “世界上最优秀的响应式前端框架”
核心概念/原则: RWD 、手机优先、语义的
浏览器支持： Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
预处理器: Sass
响应式: Yes
模块化: Yes
官网地址：Foundation | The most advanced responsive front-end framework in the world.
Github地址：zurb/foundation-sites · GitHub

6、名称：Materialize
类别/语言：CSS
创建者：Google
人气：在Github上有15,288stars
描述：Materialize是一个个基于材料设计的一个现代化的响应式前端框架。他们做了最繁重的工作，为您提供默认的样式，结合了您的自定义组件。此外，他们还改进动画和过渡，为开发人员提供流畅的体验。
核心概念/原则：响应式
预处理器：Sass
响应式：Yes
模块化：Yes
官网地址：Documentation
Github地址：Dogfalo/materialize · GitHub
浏览器支持：Chrome 35+, Firefox 31+, Safari 7+, IE 10+
7、名称：Pure
类别/语言：CSS
创建者: Yahoo
人气: 在Github上有13,161 stars
描述: “您可以在每一个web项目中使用的一组小的和响应式的CSS模块”
核心概念/原则:SMACSS,极简的.
浏览器支持：Firefox的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x
预处理器: None
响应式: Yes
模块化: Yes
官网地址：http://purecss.io/
Github地址：yahoo/pure · GitHub
8、名称：Vue
类别/语言：CSS、JavaScript
创建者：尤雨溪
人气：在Github上有12,214 stars
描述：Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。
核心概念/原则：响应式
浏览器支持：Firefox, Chrome, Safari, IE9+，Android 4.2+，iOS 7+
预处理器：None
响应式：Yes
模块化：Yes
官网地址：vue.js
Github地址：vuejs/vue · GitHub
9、名称：Skeleton
类别/语言：CSS、JavaScript
创建者：Dave Gamache
人气：在Github上有10,622stars
描述：Skeleton 是一个小的 JS 和 CSS 文件的集合,可帮你快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。
核心概念/原则：响应式
浏览器支持：Firefox, Chrome, Safari, IE10+,Opera
预处理器：None
响应式：Yes
模块化：Yes
官网地址：Skeleton: Responsive CSS Boilerplate
Github地址：dhg/Skeleton · GitHub
10.名称： Amaze UI
类别/语言：HTML、CSS、JavaScript
创建者：云适配
最后更新时间：2015年12月
人气：在Github上有6425 stars
描述：国内首个开源HTML5跨屏前端框架，中文排版支持更优、本土化组件丰富。
并在2015年11月推出基于 React.js 的专属移动端 Web 组件库Amaze UI touch。
核心概念/原则：组件化、移动优先、轻量级、高性能。
浏览器支持： Firefox, Chrome, Safari, IE8+
响应式: Yes
模块化: Yes
官网地址：Amaze UI | 中国首个开源 HTML5 跨屏前端框架
Github地址：amazeui/amazeui · GitHub
11、名称：UIkit
类别/语言：HTML、CSS、JavaScript
创建者: YOOtheme
人气: 在Github上有6,050+ stars
描述: “一个轻量级的和模块化的前端框架,用于快速开发和功能强大的web接口。”
核心概念/原则:RWD, 手机优先.
预处理器: Less, Sass
响应式: Yes
模块化: Yes
官网地址：UIkit
Github地址：uikit/uikit · GitHub
浏览器支持： Chrome, Firefox, Safari, IE9+
12、名称：Yui
类别/语言：CSS、JavaScript
创建者：Yahoo
人气：在Github上有3,200+ stars
描述：Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证
核心概念/原则：响应式
预处理器: None
响应式：Yes
模块化：Yes
官网地址：http://yuilibrary.com/
Github地址：yui/yui3 · GitHub
浏览器支持：Firefox, Chrome, Safari, IE10+,Opera
13.名称：kissy
类别/语言： JavaScript
创建者：淘宝前端
最后更新时间：2015年7月
人气：在Github上有2035 stars
描述：KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。
框架大小: 37 KB
核心概念/原则: 模块化，跨终端，高扩展性
模块化: Yes
官网地址：KISSY - A Powerful JavaScript Framework
Github地址：kissyteam/kissy · GitHub
14.名称：MUI
类别/语言： HTML、CSS、JavaScript
创建者：Dclould
最后更新时间：2016年1月
人气：在Github上有2012 stars
描述：MUI-最接近原生App体验的前端框架框架。
核心概念/原则: 多端发布、高性能
响应式: NO
模块化: Yes
官网地址：MUI-最接近原生APP体验的高性能前端框架
Github地址：dcloudio/mui · GitHub
15.名称：Arale
类别/语言： JavaScript
创建者：支付宝前端
最后更新时间：2015年7月
人气：在Github上有1252 stars
描述：Arale 是一个开放、简单、易用的前端基础类库。
框架大小:未知
核心概念/原则: 开放、简单、易用
浏览器支持：Firefox, Chrome, Safari, IE6+
响应式: Yes
模块化: Yes
官网地址：Arale - 随心构建互联网应用
Github地址：aralejs/aralejs.org · GitHub

16.名称：JX
类别/语言：Javascript
创建者：腾讯前端
最后更新时间：2015年12月
人气：在Github上有952 stars
描述：JX 是模块化的非侵入式Web前端框架，特别适合构建和组织大规模、工业级的Web App。
框架大小: 未知
核心概念/原则: 保持最优执行效率
浏览器支持： 兼容主流浏览器
模块化: Yes
官网地址：JX - 腾讯 Web 前端开发框架
Github地址：AlloyTeam/JX · GitHub
17.名称：GMU
类别/语言：HTML、CSS、JavaScript
创建者：网络前端
最后更新时间：2015年12月
人气：在Github上有940stars
描述：GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件! Web App。
核心概念/原则: 简单易用、轻量级
模块化: Yes
官网地址：http://gmu..com/
Github地址：fex-team/GMU · GitHub
18.名称：ZUI
类别/语言： HTML、CSS、JavaScript
创建者：蝉道
最后更新时间：2015年7月
人气：在Github上有616 stars
描述：开源HTML5前端框架
核心概念/原则:简单易用、轻量级、易于定制
浏览器支持：未知
官网地址：ZUI - 开源HTML5跨屏框架
Github地址：easysoft/zui · GitHub
19.名称：Clouda Touch.js
类别/语言：JavaScript
创建者：网络云
人气：在Github上有387 stars
描述：Touch.js是移动设备上的手势识别与事件库,也是在网络内部广泛使用的开发。
核心概念/原则: 无入侵设计、媲美原生的交互、极简的API
模块化: Yes
官网地址：Touch.js
Github地址：Clouda-team/touch.code..com · GitHub
20.名称：Arkui
类别/语言：HTML、CSS、JavaScript
创建者：豆瓣
人气：在Github上有129 stars
模块化: Yes
官网地址：arkui
Github地址：mockee/arkui · GitHub

4. 几个Web前端开发框架的比较

Bootstrap

Bootstrap是目前可用框架中无可争议的领导者。其人气日益增长，你可以放心的选择这个框架，而不必担心项目会失败，因为具有广泛使用基础的框架，不太可能被抛弃。

UIkit说明

UIkit成功应用在许多WordPress主题中。它提供了灵活和强大的手动定制机制（以前版本的框架还提供了高级GUI定制程序）。

什么是最适合你的框架？

在选择框架时，可以从以下几个方面考虑：

如果你还不确定使用哪个框架，那么可以采用混合搭配的方式。当某个特定的框架不能满足你的需求时，可以混合使用两个或多个项目的组件。

最后值得一提的是，现在Flexbox和Grid Layout在主流浏览器的最新版本中得到很好的支持，比以往任何时候都更容易构建复杂的布局。这可能会鼓励更多的开发人员放弃前端框架，从头开始编写他们自己想要的布局。

来源：网页链接

5. 移动webapp前端ui用哪个框架好

WeUI
WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。
Frozen UI
Frozen UI是腾讯社交用户体验设计 － 增值UI开发团队一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件，
做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。
FrozenUI提供的CSS组件是目前QQ会员前端开发组所用的通用样式库。遵循手Q样式规范，基本样式使用离线包的方式减少请求，并提供快速接入的方案。
FrozenUI提供的一系列JavaScript插件，更优雅地在移动端上呈现更灵动的动画效果。
FrozenJS 是针对移动端开发的 js 组件库，其依赖 zepto.js 和 FronzenUI。
FrozenJS 的所有组件均以 zepto 的插件的形式存在。
阿里开源的SUI Mobile
SUI Mobile
SUI Mobile 是一套基于 Framework7 开发的UI库。并参考 Ratchet、Fastclick 开源库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。
轻量的UI库 SUI Mobile 非常轻量，核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K，却提供了20+个常用的组件。
对于只有HTML&CSS的组件，你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件，并且提供了Zepto/jQuery 风格的API，你将会非常熟悉这种方式。
开发团队：阿里巴巴共享业务事业部UED团队
网络系
GMU
GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件!
Jingle
Jingle是一个SPA(Single Page Application)开发框架，用来开发移动端的html5应用，在体验上尽量去靠近native应用，希望有一天html5能够做到与native一样的操作体验。
丰富的UI组件提供了按钮、列表、表单、弹出框、轮换、上拉/下拉、日历等各种移动端常用的组件，简单适用，
前后端分离支持前端模板渲染，模板按需自动加载，完善的事件机制。
轻量级基于Zepto开发，依赖了iscrol
purecss
purecss采用其Grid的部分即可，需要定制的部分，建议自行配置，或者是直接采用grid.css，grid960.css这样的栅格来处理。Purecss小的没有节操，全部模块gzip压缩后才 4.4KB* 。 考虑到移动端，保持文件尽量小对我们来说非常重要，每一行CSS都经过深思。如果你只用部分模块，简直小的忽略。
Pure基石,Pure基于Normalize.css添加了HTML元素的布局和样式，以及常用的UI组件。全是精华，木有糟粕。
移动端是初衷,Pure是响应式的盒子模型，适应所有尺寸的屏幕。通过皮肤生成器可以自定义样式。
写出你自己的样式,Pure提供最基础的样式，鼓励你基于此写出自己的样式。它被设计为容易覆写，且不影响你自己的样式。
ionic
基于angular2，丰富的UI组件，大大改进的编程模型，非常适合快速开发。
jquery mobile
jQuery Mobile 是创建移动 web 应用程序的框架。
jQuery Mobile 适用于所有流行的智能手机和平板电脑。
jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。
Bootstrap
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

wex5
国产的ui，支持打包。
前端UI：完全恪守html5+css3+js，干净纯洁设备api：采用业界主流Phonegap/Cordova
向导、模板：简单定义，即可轻松制作向导和模板
主题、样式：海量bootstrap资源引入和定制
UI组件：纯H5+CSS3，轻松引入第三方UI组件
插件：轻松对接即时通讯、推送、支付等各类插件
后端：轻松调用后端组件和api，并实现可视化

6. 前端现在常用的框架有哪些

js框架主要有：vue,react,angular,jquery等。
css框架主要有：bootstrap,element ui等。

7. puremvc是前端还是后端

puremvc是通用 MVC 框架

8. 前端框架有哪些

1、Bootstrap是最流行的前端开发框架，可以让不是前端工程师也能开发出优美的页面，更加快捷、方便的开发web页面和移动端应用。也能开发响应式web页面，上手也非常快。

中文官网：http://www.bootcss.com/

9. 除了bootstrap 还有什么优秀的前端框架

除了 Bootstrap 和 Semantic-UI，其他的 UI 框架：
Google Material UI
Ant Design
Element UI
jQuery UI
...
都各有优缺点，Semantic-UI 体积有点大，但写起来相当方便，UI 也具有现代感，推荐使用。对于有经验的人，可以结合多种框架，使用不同的组件。

10. 前端常用的框架有哪些

jQuery，Vue，Bootstrap，react。