前端MVC框架、类库、UI框架选择

sunage001

　　CSS预处理器
sass(基于Ruby服务端版)
less(客户端版：基于js; 服务端版：基于nodejs)



前端UI框架
JqueryMiniUI： http://www.miniui.com/(适用于管理后台、ERP)
Bootstrap 3.3：http://v3.bootcss.com/ (资料齐全、提供less、sass版)
AUI： http://amazeui.org/getting-started (中文排版、高度兼容、高度封装、传统css)
SUI 1.6：http://semantic-ui.com/ (语义化组件、部分优雅的CSS3组件，windows需要nodejs及gulp环境 )
foundation 5： http://foundation.zurb.com/ (最快、提供sass、APP版,IE9以下的不兼容)



前端MVC或MVVM框架：
sproutcore：（H5应用框架、提供大量的高性能应用、如apple著名的MobileMe等、示例：http://yehudakatz.com/2011/06/11/using-sproutcore-2-0-with-jquery-ui/）
emberjs：(H5应用框架、它的前身是sproutcore) http://www.emberjs.cn/

knockout：(MVVM模式(Model View ViewModel)、特征：声明式绑定、UI界面自动刷新、依赖跟踪、模板，适合较小、较简单的项目、旧的框架)

backbone + reactjs (backbone附带一个Underscore.js副本;reactjs是backbone的视图层优化框架,将视图封装成组件，组件通信封装、reactjs源自facebook,示例：http://www.thomasboyt.com/2013/12/17/using-reactjs-as-a-backbone-view.html)
spinejs(MVVM模式、它是由coffeeScript编写的,极具魅力，代码简洁优雅，用于复杂的、较大的项目)
angularjs （MVVM模式、模块化、自动化双向数据绑定、语义化标签、依赖注入、google应用此框架）http://angularjs.cn/

knockback.js、vue.js、canjs、agility.js、avalon.js、sammy.js、batman.js等等

框架评论：http://www.infoq.com/cn/news/2012/05/js-mvc-framework/
框架示例：http://todomvc.com/



前端交互体验框架（滚轮机制）
Mobiscroll：mobiscroll.com



相关类库及框架
coffeescript：代码比jquery更优雅、具有一些新特性，可结合JQuery类库一起使用
zeptojs：兼容大部分jquery类库功能，容量极小，但部分函数得到的值与jquery的不一致,且不兼容IE，foundation 5 放弃了zepto.js
underscore：增强集合处理、模板机制
seajs：模块化开发、源自taobao
dojo:互联网应用程序（Rich Internet Application，RIA）的一个JavaScript Toolkit（含有类库、组件、集合IO等）

grunt：基于npm的项目自动化创建的前端构建工具、脚本样式处理压缩，可扩展的js集合及管理、与其它框架配合丰富
gulp：基于npm的项目的流式IO的前端构建工具,与grunt是同类产品,控制上比grunt优秀，学习快，配置简单，是新起之秀, 但js的插件量没有成熟的grunt多
bower：基于npm的前端包管理器


　　composer：基于php的前端包管理器
　　angularjs教程：
　　http://wenku.baidu.com/link?url=4pcM66OO_eA6LJncX0ZI5pr9DYMLKHgzl1W5zwfagkqmBNmD_93wdgWeYhBT1ZsW1tprZHjGkFxmZ3NtMKOx8MHYxZCMkokEFqvAVpaxUQm
　　http://wenku.baidu.com/link?url=MWTjbCcnfAlK9zFBPCO_6ejU7dz-VXky8NPq5n80R8yocwqtBT32iWYFiY6rpwhZgPUYSusFyxWUhb6H9VutC7RXBTETMHjqvN6YwnJEIe7&pn=51