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

2023/7/6 02:13:34

"html5-css3-javascript

最近学了一些有用的前端开发框架,希望能利用一些空闲时间,针对使用频率较高的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:是一个开源的图表控件,可以生成很小也很好看的图表,并嵌入到行内显示。"