零度常用前端开发框架整理

 

开源框架 admin 2年前 (2015-04-13) 2462浏览

最近学了一些有用的前端开发框架，希望能利用一些空闲时间，针对使用频率较高的CSS和JavaScript框架作一次全面的整理，也算得上前端开发框架备忘录吧，这里只提名称，使用方法不在此阐述，可自行网络查找，本清单将不断更新并维护，希望对前端开发的朋友有所帮助。

Bootstrap：Twitter团队出品，简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。3.1支持IE8+、Chrome、Firefox、Safari、Opera等浏览器。框架的语法和规范完善优秀，文档详细。支持使用LESS语法进行个性化定制。

LESS：是一种动态样式语言，LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。

Font Awesome：号称是完美的图标字体，专为Bootstrap而设计的。一个字体文件中包含了多达几百个图标，支持IE7+，矢量图可无限缩放，完美支持Retina等超高像素密度的显示器，兼容屏幕阅读器。

html5shiv：越来越多的网站开始使用HTML 5，但是目前的情况是很多人一样在用IE6、IE7、IE8等不支持HTML5的旧版IE浏览器，Html5shiv是解决此问题的不错手段，它仅仅是个js文件，在需要的时候(低于IE9时)引用一下即可。

jQuery：目前全球Web开发领域最流行的前端js框架，由于本网站官方要求支持IE8，所以本项目不能使用2.x的版本。

jQuery.Cookie：jQuery的Cookie操作插件，用于在网站前端读、写、删cookies。

jQuery.Hotkeys：jQuery的前端热键插件，用于给web页面提供快捷热键功能。

jQuery.Validation：jQuery的前端验证插件

linq.js：用于在Web前端的js代码中使用类似C#的Linq语法对数据进行查询统计等处理。

Modernizr：专为HTML5和CSS3开发的功能检测类库。Modernizr是一个开源的JS库，它使得那些基于访客浏览器的不同（指对新标准支持性的差异）而开发不同级别体验的设计师的工作变得更为简单。它使得设计师可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发，同时又不会牺牲其他不支持这些新技术的浏览器的控制。

RequireJS：国际上非常流行的前端js模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更简单自然。其与国内淘宝团队出品的SeaJS差异在于遵循的标签不同，RequireJS 遵循的是 AMD（异步模块定义）规范，SeaJS 遵循的是 CMD （通用模块定义）规范。由于本站会用到较多jQuery库和jQuery插件，所以遵循AMD规范的RequireJS更适合。

AngularJS：Google公司出品的Web前端VMW(View-Model-WhatEver)框架，AngularJS是一款开源 JavaScript函式库，并由Google维护。它的目标是增强基于浏览器的应用，并带有MVC模式 (MVC) 功能。具备非常优秀的性能和双向绑定特性。

Momentjs：一个轻量级JavaScript日期库用于解析、操作和格式化日期。它设计成可运行在浏览器和NodeJS两种环境中,并且所有单元测试也都可以在两种环境中运行。

QUnit：一个强大的JavaScript单元测试框架，用于调试代码。该框架是由jQuery团队的成员所开发，并且是jQuery的官方测试套件。任意正规JavaScript代码QUnit都能测试。

jQuery.Mockjax：专用于在web前端开发时，对ajax请求进行模拟(Mock)，达到不依赖于服务器端，就能正常开发前端Ajax的jQuery插件。并可以跟QUnit很好的结合使用进行前端单元测试。

jQuery.MockJSON：一个可用于Mock JSON和JSONP请求及响应的jQuery插件，可在不依赖服务器端WebApi（或WCF、WebService）的情况下测试开发Web前端的应用。并且带有很强的可扩展性。

Underscore：一个JavaScript实用库，提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象。.它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分

spin.js：纯JavaScript写的Ajax Loading指示器，不用任何图片，且兼容几乎所有时下的浏览器。

NProgress.js：最近很火的一个进度条js库，完美支持Turbolinks、Pjax、重型Ajax应用。

store.js：一个实现了浏览器的本地存储的 JavaScript 封装 API，不是通过 Cookie 和 Flash 技术实现，而是使用 localStorage、globalStorage 和 userData。

caniuse.com：该网站宗旨是帮助人们了解各个浏览器以及它们的不同版本对HTML5、CSS3等高级特性的支持情况，力求表述清晰，查找方便，全部信息都用列表形式展现，以不同颜色表示支持情况。

Respond.js ：一个快速轻量的polyfill，可让IE6-IE8支持CSS3的的媒体查询特性，从而构建响应式设计。

Masonry、Isotope 和 Salvattore：实现瀑布流pinterest响应式布局的第三方插件。

jquery-jvectormap：一个很不错的适量地图插件，支持中国地图和世界地图。

FastClick：一个简单易于使用的JS库，用于消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟。

sparkline：是一个开源的图表控件，可以生成很小也很好看的图表，并嵌入到行内显示。