扯淡(可以直接略过)：
　　时间飞逝，从事前端开发工作转眼已快两年，对于前端的知识，两年中却很少整理，偶然一同事问起前端框架，这才想起，其实应该好好整理下前端的基本知识点，许久之后，自己也能回过头来复习。时间飞逝，从事前端开发工作转眼已快两年，对于前端的知识，两年中却很少整理，偶然一同事问起前端框架，这才想起，其实应该好好整理下前端的基本知识点，许久之后，自己也能回过头来复习。
　　在这互联网飞速发展的信息时代，技术的更新迭代也在加快。目前看来，火了十几年的java技术现在仍然是棵常青树。回想两年前初来咋到，也是想好好当一名java程序员，五年计划都行想好了，最后还是阴差阳错搞了前端。前端目前来看还是非常火的，随着IT技术的百花齐放，新的前端框架不断推出，但大多都还在狂吼的阶段。其实一直以来对技术的理解是技术服务于业务和产品，产品又在不同程度的推进着技术的演进。Web、无线、物联网、VR、PC从不同方向推进着技术的融合与微创新。程序员在不同业务场景下的角色互换。而随着node.js的出现语言的角色也在发生着转变，Js扮演了越来越重要的角色。也就有了茶余饭后也把了解到的知识整理一下。
一、前端框架库：
1.Zepto.js
地址：/doc/zeptojs/描述：Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，&它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的，只作了些基础的了解。
2.SUI Mobile
地址：http://m.sui.taobao.org描述：SUI Mobile 是一套基于&&开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到
iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。用途：你也看到了，他是用于无线端的Web App的开发。
地址：/nodejs/nodejs-tutorial.html (中文网)描述：Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。Node.js对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。
　　Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用，
非阻塞&模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。
　　简单的说 Node.js 就是运行在服务端的 JavaScript。
　　Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
　　Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。
　　1. RESTful API
　　这是NodeJS最理想的应用场景，可以处理数万条连接，本身没有太多的逻辑，只需要请求API，组织数据进行返回即可。它本质上只是从某个数据库中查找一些值并将它们组成一个响应。由于响应是少量文本，入站请求也是少量的文本，因此流量不高，一台机器甚至也可以处理最繁忙的公司的API需求。
　　2. 统一Web应用的UI层
　　目前MVC的架构，在某种意义上来说，Web开发有两个UI层，一个是在浏览器里面我们最终看到的，另一个在server端，负责生成和拼接页面。
不讨论这种架构是好是坏，但是有另外一种实践，面向服务的架构，更好的做前后端的依赖分离。如果所有的关键业务逻辑都封装成REST调用，就意味着在上层只需要考虑如何用这些REST接口构建具体的应用。那些后端程序员们根本不操心具体数据是如何从一个页面传递到另一个页面的，他们也不用管用户数据更新是通过Ajax异步获取的还是通过刷新页面。
　　3. 大量Ajax请求的应用
例如个性化应用，每个用户看到的页面都不一样，缓存失效，需要在页面加载的时候发起Ajax请求，NodeJS能响应大量的并发请求。　　总而言之，NodeJS适合运用在高并发、I/O密集、少量业务逻辑的场景。
4.angular.Js
地址：/angularjs/angularjs-tutorial.html (中文网)描述：AngularJS[1]&&诞生于2009年，由Misko
Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。用途：通过描述我们应该就能很好的明白AngularJS的真实用途了，MVVM，模块化，自动化双向数据绑定等等。除了简单的dom操作外，更能体现Js编程的强大。当然应用应该视场合而定。
5.JQuery Mobile
地址：.cn/jquerymobile/ & &(中文网)描述：Query Mobile是&在手机上和平板设备上的版本。jQuery
Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。用途：jQuery Mobile 是创建移动 web 应用程序的框架。
　　　　　　jQuery Mobile 适用于所有流行的智能手机和平板电脑。
　　　　　　jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。
6.requirejs
地址：/描述：RequireJS的目标是鼓励代码的模块化，它使用了不同于传统&script&标签的脚本加载步骤。可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。它鼓励在使用脚本时以module ID替代URL地址。
RequireJS以一个相对于的地址来加载所有的代码。
页面顶层&script&标签含有一个特殊的属性data-main，require.js使用它来启动脚本加载过程，而baseUrl一般设置到与该属性相一致的目录。
用途：模块化动态加载。
地址：http://cn.vuejs.org/描述：Vue.js 是用于构建交互式的 Web &界面的库。它提供了&&数据绑定和一个可组合的组件系统，具有简单、灵活的
API。从技术上讲， Vue.js 集中在&&模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的
DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架，Vue.js 更容易上手。
8.backbone.js
地址：/doc/backbone/描述：&为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件；集合附有可枚举函数的丰富API；
视图可以声明事件处理函数，并通过RESTful JSON接口连接到应用程序。
地址：/react/docs/why-react.html描述：React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。很多人认为 React 是&&中的&V（视图）。我们创造
React 是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。为了达到这个目标，React 采用下面两个主要的思想。
地址：http://www.ionic.wang/js_doc-index.html描述：Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果，尽管通常组件不需要编码，通过框架扩展可以很容易地使用，比如我们的AngularIonic扩展。
Ionic遵循视图控制模式，通俗的理解和 Cocoa 触摸框架相似。在视图控制模式中，我们将界面的不同部分分为子视图或包含其他视图的子视图控制器。然后视图控制器“驱动”内部视图来提供交互和UI功能。一个很好的例子就是标签栏（Tab Bar）视图控制器处理点击标签栏在一系列可视化面板间切换。
浏览我们的API文档来了解视图控制器和Ionic中可用的Javascript实用工具。
Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它 提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选择。
二、前端UI框架
地址：http://purecss.org/layouts/描述：Pure精心设计，只为可以在任何Web项目中使用。为了例证这一点，我们制作了如下几个模板。这些模板都是响应式的，并且没有使用任何JavaScript。用途：真的是很精美的一个样式框架，便于我们快事构建一些个人产品，当然也可以服务于工作中的一些项目。
2.bootstrap
地址：/描述：简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。
地址：http://www.jeasyui.net/ &(中文网)描述：easyui是一种基于jQuery的用户界面插件集合。
　　　　　　easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。
　　　　　　使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。
　　　　　　easyui是个完美支持HTML5网页的完整框架。
　　　　　　easyui节省您网页开发的时间和规模。
　　　　　　easyui很简单但功能强大的。
&4.Ant Design
地址：http://ant.design/描述：一个 UI 设计语言，一套提炼和应用于企业级后台产品的交互语言和视觉体系
三、可视化组件
地址：/描述：ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。
2.tableau(收费)
地址：/special/tableau/index.html描述：Tableau 是桌面系统中最简单的商业智能工具软件，Tableau 没有强迫用户编写自定义代码，新的控制台也可完全自定义配置。在控制台上，不仅能够监测信息，而且还提供完整的分析能力。Tableau控制台灵活，具有高度的动态性。
四、前端构建工具
地址：.cn/描述：易于使用
　　　　　　通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。
　　　　　　构建快速
　　　　　　利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。
　　　　　　插件高质
　　　　　　Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。
　　　　　　易于学习
　　　　　　通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。
五、博客搭建&
1.技术组合
　　HEXO+Github,搭建属于自己的博客。
　　站点：/p/ea9
　　HEXO介绍：Hexo是一个开源的静态博客生成器,用node.js开发,作者是台湾大学生tommy351
　　准备：git &+ node.js + markdown编辑 + gitcafe + 域名
本文已收录于以下专栏：
相关文章推荐
作为一名做为在前端死缠烂打6年并且懒到不行的攻城士，这几年我还是阅过很多同门从知名到很知名的各种前端框架，本来想拿15-20个框架来分享一下，但在跟几个前辈讨教写文章的技巧时果断被无情的打击了，所以这...
目前主流的 JavaScript 框架排名中，jQuery 和 Ext 可算是佼佼者，获得了用户的广泛好评。国内的一些框架很多也是仿照 jQuery 对 JavaScript 进行了包装，不过这些框架...
以下是几个精致的web UI框架
Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的...
Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。
...
Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。
扯淡(可以直接略过)：
　　时间飞逝，从事前端开发工作转眼已快两年，对于前端的知识，两年中却很少整理，偶然一同事问起前端框架，这才想起，其实应该好好整理下前端的基本知识点，许久之后，自己...
做WEB好几年了，各种语言和技术都稍有涉猎。今天心血来潮，突然想总结一下。其实不论什么技术，什么需求，通常WEB开发就是通过WEB前端管理一个或大或小或独立或分布式的关系型数据库，很多东西都是相通的。...
本文将会讨论目前最为流行的客户端JavaScript框架、类库和工具以及它们之间的基本差异。也许本文无法告诉你哪个是最好的，但是最适合自己项目的，就是最好的。...
2016年，React在Web端和移动端都实现了迅速的成长，稳稳地领先于其主要竞争对手Augular，巩固了其作为前端框架之王的地位。
但是Vue在这一年里的表现也可谓同样的耀眼。Vue.js ...
1.Bootstrap
Bootstrap 的用法及其简单( 这也可能就是 Bootstrap 作者阅攻城士无数，了解他们痛的结果 )，以至于是个小前端都可以快速上手，几乎没什么学习成本。
他的最新文章
讲师：董岩
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)八款你不得不知的开源前端JS框架
查看: 47134|
评论: |原作者: csdn|来自: csdn
摘要: 本文推荐了八款比较热门和经典的Javascript 开源框架，并给出了相关学习资料，有兴趣的朋友可以看看~
　　本文推荐了八款比较热门和经典的Javascript 开源框架，并给出了相关学习资料，有兴趣的朋友可以看看~angular.js　　Angular.JS是一个开源的JavaScript框架，最适于开发客户端的单页面应用。它实现了前端MVC架构，专注于扩展HTML功能，提供动态数据绑定（Data Binding），且能与其它框架（如jQuery）合作融洽。()项目主页：&代码托管地址:&backbone　　Backbone.js是一个JavaScript MVC框架，用于创建模型-视图-控制器 (model-view-controller, MVC)类应用程序和单页界面。在Backbone.js中，模型会存储通过RESTful JSON接口从服务器检索到的数据。模型与视图密切关联，负责为特定UI组件渲染HTML并处理元素上触发的事件。处理Ajax应用程序或者SPI应用程序时，Backbone.js可能是最好的解决方案。（）项目主页：&代码托管地址:&ember.js　　Ember.js是一款开源的JavaScript MVC框架，用来创建Web应用程序。它免除了样板文件并提供了一套标准的应用程序架构。Ember.js由Yehuda Katz创建，它是由SproutCore 2.0改名进化而来。在日发布Ember.js 1.0版本。（）项目主页：&代码托管地址:&knockout　　Knockout 是个JavaScript 库，帮助创建丰富的显示和编辑器UI，通过干净的底层数据模型。你可以在任何时候动态更新UI的选择部分。（）项目主页：todomvc　　TodoMVC是一款开源的JavaScript框架，它使用各种不同的MV*框架实现一个相同的Todo应用。TodoMVC最大的优点就是帮助开发者挑选出合适的MV*框架，从Backbone, Ember, AngularJS, Spine...一系列框架中决定使用哪个框架。（）项目主页：&代码托管地址:&Spine.js　　Spine是一个构建JavaScript Web应用的轻量级框架。 Spine给你提供MVC框架，让你放心做自己事,让你集中精力在有意思的事情上，从而构建出令人惊叹的Web应用。Spine用CoffeeScript写成，但开发应用时不必要用CoffeeScript。你可以使用CoffeeScript或是JavaScript，选择你最熟悉的就好。（）项目主页：&代码托管地址：Meteor　　Meteor是一种新型JavaScript框架，用于WebApp应用程序开发。Meteor在2012年4月首次发布。Meteor的基础构架是Node.JS+MongoDB，官方总结的Meteor的9个优势是：纯粹的JavaScript、实时页面更新、强大的数据同步、延迟补偿、代码热推送、敏感代码运行于受限环境中、完全独立应用包、互操作性强、智能的包。Meteor团队表示，包括Facebook、Google及Twitter在内等多家互联网巨头在Web应用方面都采用了与Meteor一样的技术。（）项目主页：&代码托管地址:&jQuery　　jQuery是继Prototype之后又一优秀JavaScript框架。它可方便地操作文档对象、处理事件、实现动画效果、使用Ajax与网站交互等。提供API，可供开始者编写插件，且具有详尽的说明文档。兼容CSS3及各种浏览器（jQuery2.0及后续版本不支持IE6/7/8浏览器）。（）项目主页：&代码托管地址:更多开源项目及项目资料请查看：&。转自：http://code.csdn.net/news/2822115
上一篇：下一篇：
快毕业了，没工作经验，
找份工作好难啊？
赶紧去人才芯片公司磨练吧!!2015年最流行的5个web前端ui开发框架_DD博客
web前端ui框架
收款微信号 dwtedx
支付宝帐户
比特币帐户
深度剖解各个领域业务流程、全面展示自己的所长及个人发展新思路
微信公众号 : （推荐）
备案信息 :
DD博客上的所有软件和源码Demo及相关资料均为软件商和个人工作总结或网友推荐及网络收集整理而来、仅供学习和研究使用、切勿用做商业用途、如有侵犯版权者、请来信到邮箱 ： 指出、DD博客将立即修正、净化网络版权环境、同时DD博客也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害
& Copyright 2017. All rights reserved.大家都在用什么后台 UI 框架？
17:25:04 +08:00 · 25523 次点击
之前用过 bootstrap 做过后台，但是可能封装的组件不够多（ACE 主题也有过接触）。所以想问问大家都在用些什么？目前知道的有 easy ui, extjs, dwz等，但是感觉不是太符合（要么ui,要么功能，或许是我还比够了解吧）。主要是想用tornado来做网站，前后台都准备弄一下。求各位大神给指点指点~~~
第 1 条附言 &·&
15:32:55 +08:00
找到两款感觉还算不错的1、地址：http://demo.osadmin.org/uploads/panel/index.php账号密码：admin/1234562、地址：/Themes/AwesomeAdmin/index.html
38 回复 &| &直到
20:45:09 +08:00
& & 17:28:58 +08:00
@ 方便的话可以show下v2ex后台，开开眼界~
& & 17:34:39 +08:00
@ 表示关注，同求。我这回复不算有问题吧？
& & 17:36:22 +08:00
wooyun上有张截图的...
& & 17:40:54 +08:00
看了下，貌似和网站的风格保持一致。
& & 17:42:13 +08:00
Bootstrap 都用烂了，自己写了一套（不开放...）
& & 17:51:49 +08:00
额，不开放啊。。。。。
上个图开开眼也行 -_-&
& & 17:52:38 +08:00
自己写的是基于Bootstrap的吗？
& & 18:06:28 +08:00
@ 产品还在开发阶段，连图也不放...
不是基于 Bootstrap，完全自己设计开发的，跟项目业务绑定比较紧密，也不太适合其他项目。而且专门为 Angular 写的，没有 Bootstrap 这么完善的 JS 插件，纯粹 UI 组件
& & 18:08:31 +08:00
Bootstrap 虽然很不错，基于 Bootstrap 的各种框架也很多，但始终没发现自己喜欢的，所以自己写一个。
& & 18:35:12 +08:00
& & 18:47:30 +08:00
不差钱的话，买一个喜欢的吧，也不贵
& & 18:55:40 +08:00
@ 很好玩咯。
& & 19:08:33 +08:00
& & 19:37:39 +08:00
@ 好久前, 平台转换的时候把我误当了管理员, 然后有幸看过一下子, 跟前台的风格基本一致, 都是表单
& & 20:13:36 +08:00
V2 后台好简洁，我喜欢的风格
& & 20:20:34 +08:00
ace还不错，不过也可以去看看，里面有不少基于bootstrap的后台模板
& & 20:32:29 +08:00
& & 20:51:18 +08:00
bootstrap 随便搞搞就很不错
& & 22:23:08 +08:00
之前一直都是 bootstrap 定制的，现在新公司用 jquery easyui
& & 01:48:22 +08:00
巨丑，不知道哪弄的。
& & 03:08:27 +08:00
dhtmlx，丑，但是快
& & 08:29:18 +08:00 via iPhone
& & 08:49:44 +08:00
可以用 pure.css
& & 09:33:17 +08:00
php语言 yaf框架
& & 09:39:51 +08:00
简单的都自己写~
最多用用semantic
& & 10:01:49 +08:00
@ 哥大家在讨论前端框架，不是服务器端，你这个好眼熟啊
& & 10:36:56 +08:00
我们选择的是后端uliweb+前端avalon
uliweb的demo:
& & 10:47:39 +08:00
@ 这个看着简洁大方，玩的还是yaf，高端了。
ui 应该是用bootstrap 写的，能否发个后台的模板布局？
& & 10:53:29 +08:00
uliweb是个python框架，不过我选了 tornado
& & 12:50:53 +08:00
可以试试 django admin
& & 12:55:59 +08:00
@ 不建议用这个，巨坑无比...
& & 14:01:14 +08:00
自己生写中……
& & 14:09:26 +08:00
& & 17:27:52 +08:00
dwz挺好的.虽然样式土了点儿,但是很方便.各种小功能齐全
& & 18:53:55 +08:00
dwz感觉和 easyui 有些类似，不知哪个更好
& & 19:09:39 +08:00
喜欢 JIRA 的页面不，试试 AUI 吧。
& & 20:09:35 +08:00
@ 这些都是外部工具,拿来就用了.即使功能差了点儿,自己写就是了.在选择上面费时间不值得
& & 20:45:09 +08:00
@ AUI 看起来不错，虽然像 Bootstrap...
& · & 1924 人在线 & 最高记录 3541 & · &
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.0 · 71ms · UTC 12:26 · PVG 20:26 · LAX 04:26 · JFK 07:26? Do have faith in what you're doing.最近需要一些前端框架,于是在网上整理了一些感觉不错的前端框架,有pc端和移动端,为了方便日后自己先记录下来了...
首先说 Bootstrap，估计你也猜到会先说或者一定会有这个( 呵呵了 )，这是说明它的强大之处，拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心，来让自己成长。结果受到周围各种基友的引诱开始了 Bootstrap 旅程。本人虽然是个设计+前端的万里有一的人才，但是老天只让我会用 PS 和各种设计工具却不给我跟设计妹子一样的审美，所以这也是我最初选择 Bootstrap 的原因之一，它让我做出来的东西好歹能在妹子面前装个逼，不过时间长了难免觉得 Bootstrap 美的让人烦躁， 但好在它的每个版本都会有很大的改变，不会让人觉得自己做的网站会跟很多网站撞脸。Bootstrap 的用法及其简单( 这也可能就是 Bootstrap 作者阅攻城士无数，了解他们痛的结果 )，以至于是个小前端都可以快速上手，几乎没什么学习成本。
作者：Mark&Otto&和Jacob&Thornton&Star：93,112
总结：Bootstrap 最大的优势就是它非常流行，流行就代表你有问题就有很多人帮你解决问题，就代表装逼它就是利器，还有就是界面比较和谐，容易上手，关注它的童鞋应该发现最新 V4 版也开始支持 FlexBox 布局，这是非常好的升级体验。 劣势是 class 命名不够语义化，并且各种缩写，以至于我离了文档就是个菜，最近开始整混合 APP，选框架的时候首选就是它，但之前搞 PC 一直没注意，后来搞混合右键属性看它的时候，瞬间一阵凉风袭来，Bootstrap 好小，小到我只好选择别的框架。
第三个是最近刚起来的AUI，虽然作者声称是专为APICloud开发者设计的一套UI框架，但实际它还是解决了很多移动前端开发的普遍问题，是主要面向混合开发的 CSS 框架。看起来作者比较猖狂，各种高级 CSS3 遍地使用，这让我也不得不去查查这些个 CSS3 的兼容性。不负众望果然选的都是兼容不错的属性，哈哈了一顿激动从前辈手上大胆认识了几个好东西，并且框架还提供了聊天界面、计数列表等组件，解决了很多复杂的让我骂娘的布局，现在可以直接拿走就用。
作者：流浪男&Star：92
总结：这个框架对我来说有个优点就是纯 CSS 框架，自己以前也就用过 Pure，自己有点 JS 能力，如果不是复杂的效果，找个纯 CSS 框架自己随便改改就可以，而现在 CSS3 也已经能够做到动画，效率、质量、高效全兼顾，所以还是选择了这种 CSS 框架。有一点觉得不满的是这框架的文档真的好那什么，说好的高大上呢。
第二个介绍的是妹子UI，最初使用它是因为本尊遇到了一个爱纠结细节设计士，有一次她跟我的字体较上真了，结果一句顶万句的 BOOS 夸了她，我只好根据她的想法去解决，结果最后找到了Amaze UI 框架( 我不介意你叫我懒淫 )，按照官方的话说就是 "基于社区开源项目构建的一个跨屏前端框架，以移动优先，从小屏到大屏，最终实现所有屏幕适配，适应移动互联潮流" 。但其实我就是看中它能解决国内浏览器存在的跨屏适配和兼容性问题。
所属公司：云适配&Star：6710
总结：Amaze&UI&总的来说就是加入更多符合中国市场特性的元素，框架对跨屏、适配都做了的比较好的处理并且准备一了一系列的常用的网页组件，为减少搞兼容、适配各种敲键盘的加班狗们的工作时间做了不小的贡献。，框架还对中文排版优化，兼容中国本土主流浏览器、轻量化，不仅适用于桌面端，还更更适合移动端、包含一些封装好的Widgets。不过自也就我感觉&Amaze&UI&文档是否有点太那什么了，比如&“人们不会在乎jQuery的那点流量。”，说实的在这真没啥，不过我从来不会说出来(&哈哈&)，代码和设计上感觉没太多突出的点。
有段时间看到 QQ 瞬间高大上了，后来四处打听，原来 QQ 客服端也用了 混合开发，其中QQ会员前端用的是 Frozen UI，并且这套框架开源，欣喜若狂耐不住心里的寂寞直接上手试了一遍，初体验感觉基础样式效果简单色调清爽，有个比较活跃的社区所以组件什么的也比较丰富。
作者：&QQVIP&FD&Team&Star：1,067
总结：如果拿 Frozen UI 配合一些如 APICloud 用来做混合 APP 感觉就太酷了，或者原生的火鸡们拿去嵌套在应用中做前端开发，这个框架对 android 2.3 +、ios 4.0 + 做了兼容，或者拿来做 Web App 也是极好的选择，劣势的话从 UI 层面就可以看到了，谁让它是出生在QQ会员前端的呢。
第三个是Frozen&UI，有段时间看到&QQ&瞬间高大上了，后来四处打听，原来&QQ&客服端也用了&HTML&混合开发，其中QQ会员前端就是用的&Frozen&UI，并且这套框架开源，欣喜若狂耐不住心里的寂寞直接上手三下五除二试了一遍就开始试用，初体验的就是基础样式效果简单色调清爽，有个比较活跃的社区所以组件什么的也比较丰富。
作者：&QQVIP&FD&Team&Star：1,067
总结：如果拿&Frozen&UI&配合一些如&APICloud&用来做混合&APP&感觉就太酷了，或者原生的火鸡们拿去嵌套在应用中做前端开发，并且这个框架对&android&2.3&+、ios&4.0&+&做了兼容，或者拿来做&Web&app&也是极好的选择，不过要是放在微信里比这更合适的&WeUI&框架更是首选了，劣势的话从&UI&层面就可以看到了，谁让它是出生在QQ会员前端的呢。
第四个是WeUI和同&FrozenUI都属于&差不多的&WeUi了，也是一个比较专一的框架，WeUI应该说比FrozenUI前者更专一，话说连个官网都不搞，所有答疑都在&gitHub&Issues&解决了，这个框架极其简单，体积当然就不用说了，模块也就&7&个左右，不过体量虽然小做的却不错，口碑看&star&就够了，框架从&16/1/23&发版至今&github&star&超过&7K,不过也不排除用户没地方发泄所以都跑到&git&上来，哈哈。
Star：7,129
总结：看完微信设计团队设计的这套&DEMO，二话不说如果要做微信公众，这个二话不说必然是首选了。框架不好的地方简而言之就是框架本身应该就没考虑过让用户用到非微信的场景之下。
“SUI&是一套基于bootstrap开发的前端组件库，同时它她也是一套设计规范。通过SUI，可以非常方便的设计和实现精美的页面”。&果然还是直接引用官方给的枯燥无味广告要节省自己的脑细胞(&囧…&)，当然了就像广告说的，如果你之前用过&Bootstrap，&那么可以轻松转向&SUI，这可能就是淘宝给前端屌丝们的福利了。。&
第六个是最近刚起来的最近刚起来的&AUI，虽然作者声称是专为APICloud开发者设计的一套UI框架，但实际它还是解决了很多移动前端开发的普遍问题，是它主要面向混合开发的&CSS&框架。，所以看起来作者比较猖狂，各种高级&CSS3&遍地使用，这也使得我不得不去查查这些个&CSS3&的兼容性。不负众望果然选的都是兼容不错的属性，哈哈了一顿激动从前辈手上大胆认识了几个好东西，并且框架还提供了聊天界面、计数列表等组件，解决了很多复杂的让我骂娘的布局，现在可以直接拿走就用。
作者：流浪男&Star：92
总结：这个框架对我来说有个优点就是纯&CSS&框架，自己以前也就用过&Pure，自己有点&js&能力，如果不是复杂的效果自己找个纯&CSS&框架自己随便改改就能达到效果，而现在&CSS3&也已经能够做到各种动画，效率、质量、高效各种一顿考虑所以还是选择了这种&CSS&框架。而一直觉得不满的是这框架的文档真的好那什么，说好的高大上呢。
曾经一直使用&Android&系统的我，后来见到&IOS，果断移情别恋了，不知道为什么苹果每次调整系统我都特别喜欢，后来一段时间因为缺设计我专门模仿&IOS&系统做&UI，但始终不能够做到很好，无意间就发现了&MUI&这个框架，这个框架给我的吸引之处就是它的&UI&是以&IOS&为主体设计的，当然它也补充了android特有UI样式。并且MUI官方声称用来开发深入以后发现拿它做&APP&还能够提高用户使用流畅度，然后便试着更深入的了解和使用一段时间。
Star：2,450
总结：就像之前说的这个框架是以两大系统为参照来封装UI组件，框架自身还有一个较为活跃的社区，不太好的地方这也是我特别关注的一点，关于开发应用的流畅度，我当然知道这是&H5&目前的劣势，但是看到官网给的描述，还是抱着期待的心理试试看能否提升，然而它其实还是需要是借助&Webview来提升，而不是框架本身。
Semantic&UI
倒数第三个是 Semantic UI，接触这个框架还是因为 Bootstrap，Semantic UI 刚上线 github 就受到大量开发者的关注，以至于很多人拿它俩对比各种挑刺各种夸，是好是坏不能单凭别人三句四句就抬起手指开始赞，用了以后感觉 UI 上跟 Bootstrap 没太多的区别，不过代码命名规范上却相差甚大，本人认为 Semantic UI 是不是就想做的不一样，它的命名全是采用复合的方式，类名特别的离散，用的时候你得很小心自己扩展或者新增的 class 命名与它的类名冲突。
&Foundation
Foundation 算是框架界的元老啦，都说框架去的早，而这个框架一直到现在依然这么的热门，如果你比较介意 Bootstrap 开发撞脸的尴尬事情，那么你可以考虑使用 Foundation 。即使你使用预定义的 UI 元素, 也不会与其他网站太像，就像官方说的给开发者更灵活的框架体验。
Star：22,736
UIkit是YOOtheme团队开发的，在许多WordPress主题中都有应用(也就是如果你是个 WordPress 爱好者，那么这个框架应该比较适合深究)，并且框架能够通过GUI编辑器和手动编辑，所以它提供了一个灵活、强大的自定义机制。框架借助LESS、jQuery、normalize.css及FontAwesome开源项目的独有特点，整合成了这么一款轻量级、模块化的前端框架。官网：Github：作者：YOOtheme&Star：6,372
终于最后一个了，我和你一样好开森 (～￣▽￣)～)，这个框架是我在做管理系统时接触的，选择使用也是因为框架小巧，并且是纯 CSS，没有太多的牵扯，好用来与其他框架快速结合使用。
介绍完毕，估计你应该看出来了，我使用框架真的也就是遇到了需求，才选择了某个框架，所以框架之间并没有什么好与特好之分，只能说你的需求是什么，这个框架合适不合适你去用，各种框架用起来也都大致差不多，会用一个其他的上手也就都变得简单容易上手，我觉得能写框架的人都是室外高仁。
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　BY:羊大仙
阅读(...) 评论()