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

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

原文地址:https://www.cnblogs.com/shiningrise/p/5830185.html