你需要了解的JS框架

excanvas.js/Chart.js/cubism.js/d3.js/dc.js/dx.chartjs.js/echarts.js/flot.js

用途:构建数据统计图表,兼容多浏览器

jquery.tagcanvas.js

      用途:构建tag云

下载地址:http://www.goat1000.com/tagcanvas.php

jquery.fullPage.js

     用途:网站整屏轮番

下载地址:http://www.jq22.com/jquery-info1124

案例:http://www.dowebok.com/77.html

analytics.js/ga.js

用途:谷歌广告分析

edge.js    

     用途:js和.net相互调用。

案例:http://www.cnblogs.com/shanyou/p/3325249.html

bower.js

用途:包管理器

案例:http://blog.csdn.net/chszs/article/details/8907577

gulp.js

用途:js/css压缩

案例:http://www.cnblogs.com/code/articles/4103070.html

jshint.js

      用途:js编写格式验证工具

alertify.js/simplemodal.js

用途:构建提示框

amd.loader.js/Require.js/Sea.js/Head.js

用途:按需动态加载js文件

Behave.js/epiceditor.js

用途:编辑器,使textarea具有IDE编辑能力

bonsai.js/caman.js/canvas.js/fabric.js/paper.js/raphael.js/sigma.js

用途:图形处理

bucky.js

用途:前端测试自动化工具+页面性能分析工具

chosen.js

用途:选择框插件

classlist.js

用途:操作DOM

Cookies.js

用途:操作Cookie

crossfilter.js/Lodash.js/Underscore.js

用途:用来过滤json数据,类似sql

cryptico.js

用途:数据加密

curl.js

用途:使图片产生卷曲效果

date.format.js

用途:日期格式化

dojo.js

用途:DHTML开源包 ,有统一的UI控件

draggabilly.js

用途:实现拖拽功能

dropzone.js

用途:拖拽上传

easyXDM.js

用途:js跨域访问

ember-data.js

用途:使用一个模型库来管理查询、更改和将更改保存回服务器,将会大大的简化代码,同时也能提升应用的健壮性和性能,这便产生了Ember-Data数据模型。

equalize.js

用途:内容对其插件 例如:百度关键词标签

Faker.js

用途:虚假数据生成器

fancybox.js/layer.js

用途:弹出层展示插件

fastclick.js

用途:触摸UI上的消除点击延迟js库

favico.js 

用途:图片上实现动画角标

 FitText.js

用途:FitText.js是一款经典的jQuery响应式标题文字插件。FitText.js可以将标题文字自适应容器的大小,缩放容器时标题字体大小随之改变。FitText.js可用于桌面设备、手提电脑、平板电脑和手机等众多设备,非常强大。

floatlabels.js

用途:jquery浮动标签floatlabels.js在输入文本框键入任何行动中看到漂浮的标签。它对一个输入字段占位符值移动用户交互,并键入文本上方显示,允许用户自定义标签样式、效果。

lightGallery.js/Lighterbox.js/Rebox.js/LiteBox.js/Image Lightbox.js/TosRus.js/Fluidbox.js/Swipebox.js/iLightbox.js/VenoBox.js/Magnific Popup.js/Featherlight.js/flipLightBox.js/Colorbox.js/Lightbox_me.js/Shadowbox.js/Superbox.js/Lightview.js

用途:灯箱插件

frozenui.css 

用途:移动端前端框架

galleriffic.js

用途:图片相册展示

garlic.js

用途:可以让你自动的持久化表单中的数据到本地,直到表单被提交。这样用户就不用担心因为误操作导致表单输入的数据丢失。

AudioPlayer.js/GrindPlayer.js/GrindPlayerCN.js/muplayer.js

用途:播放器

modernizr.js

用途:传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生,作为一个开源的 JavaScript 库,Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。 Modernizr 并非试图添加老版本浏览器不支持的功能,而是令你通过创建可选风格配置修改页面设计。 它也可以通过加载定制的脚本来模拟老版本浏览器不支持的功能。

hallo.js

用途:一款所见即所得的web编辑器

Hammer.js/quo.js/swipe.js

用途:hammer.js是一款开源的移动端脚本框架,他可以完美的实现在移端开发的大多数事件,如:点击、滑动、拖动、多点触控等事件。

handsontable.js

用途:web版excel

Headroom.js

用途:一个轻量级、高性能的JS小工具(不依赖任何工具库!),它能在页面滚动时做出响应。此页面顶部的导航条就是一个鲜活的案例,当页面向下滚动时,导航条消失,当页面向上滚动时,导航条就出现了。

history.js

用途:无刷新就可改变浏览器栏地址的插件(不依赖jquery)

holder.js

用途:完全在客户端上呈现图像占位符。在线和离线工作,并提供一个可链接的API的风格和轻松的创建占位符。在线和离线工作,并提供一个可链接的API的风格和轻松的创建占位符。

Pikaday.js

用途:这是一个令人耳目一新的JavaScript日期选择器。轻量轻(压缩和gzip后小于5KB),没有依赖其它JS框架(但能够与Moment.js一起使用),模块化的CSS类,方便

Mailcheck.js

用途:个Javascript库和jQuery插件,用于检测email地址的域名。当域名不正确时,会提供相应的建议。

Lenticular.js

用途:一个jQuery插件用于创建图片动画,可响应倾斜或鼠标事件。这个插件主要用于移动浏览器(倾斜倾斜设备),但也可以用于桌面浏览器(鼠标控制)。

Jarallax.js/skrollr.js

用途:页面实现视差滚动

jsPDF.js

用途:JS实现生成pdf

oriDomi.js

用途:使dom元素实现折叠效果

Mousetrap.js/Keymaster.js

用途:用于创建和管理键盘快捷键。这个JS是一个单独的JS包,非常小只有1.6kb。支持大部分浏览器包括IE6。它可以实现单键,组合键或一个序列组合键。此外还可以监听keypress, keydown 或 keyup事件,然后据此决定触发哪个函数。

humane.js

用途:一个简单、现代、无需其他框架支持的网页上的提醒库,使用 CSS 进行定制,支持手机使用。

imagesloaded.js

用途:imagesLoaded是一款用于检测页面中的图片是否被加载的js插件。imagesLoaded是非常有用的插件,当你的页面中某幅图片没有被加载时,默认会显示一个红叉或图片alt文本,imagesLoaded可以将未加载的图片替换为你设置的图片。

instantclick.js

用途:让你的页面提前加载200ms

intro.js

用途:js引导插件。 例如:你的网站你增加了某个功能,那么可以通过这个插件引导改动点。

jquery-scrollUp.js

用途: ScrollUp是一个轻量级的Jquery插件,它创建一个可自定义的“滚动到顶部”的按钮,在任意的网站中进行简单的调用就能达到效果

jquery.infinitescroll.js

用途:它是基于Jquery的,另外还要明白无限滚动的概念:无限滚动的实现原理就是当你在网页上的滚动条滚动到离网页底部一定长度的时候,触发某ajax函数(infinite-scroll内已经封装好),往后台加载文件或者数据,又或者从外部引入静态html形式文件。

jquery.url.js

用途:很方便地对URL进行操作。

justgage.js

用途:JS仪表盘。

Moment.js

用途:日期格式化,支持多国语言

nprogress.js

用途:进度条

Odometer.js

用途:计时器效果

opentip.js/pnotify.js/qtip2.js

用途:示框插件,支持多种样式风格。

owl-carousel.js/sequence.js/slides.js/reveal.js

用途:幻灯片插件。

pace.js
用途:页面加载进度条,支持ajax.

parallax.js

用途:简单,轻量级的的视差引擎,智能设备的方向作出反应。凡没有陀螺仪或运动检测硬件是可用的,光标的位置来代替。

piecon.js/tinycon.js

用途:能够动态生成饼图(Pie Charts)模式的网页图标,同时可以显示加载的百分比.

recorder.js

用途:录音框架。

select2.js/selectize.js

用途:强大dropdown 插件,支持tag/分类。

shine.js

用途:文字阴影,支持动画。

swfobject.js

用途:只需要包含 swfobject.js这个js文件,然后在DOM中插入一些简单的JS代码,就能嵌入Flash媒体资源了

timeline.js

用途:超酷全屏时间轴幻灯片,时间轴可放大缩小,需要在服务器环境下运行,可用本地服务器环境测试。

ueditor.js/FCK

用途:百度网页内容编辑器。

jquery.lazyload.js/unveil.js

用途:图片延时加载。

video.js

用途:视频播放器,支持html5以及flash。

wow.js

用途:有的页面在向下滚动的时候,有些元素会产生细小的动画效果。虽然动画比较小,但却能吸引你的注意。

zeroclipboard.js

用途:复制到剪贴板,自制粘贴。

注:该文由fang_beny原创,转载请注明出处。

时间: 2024-11-04 22:35:40

你需要了解的JS框架的相关文章

使用express.js框架一步步实现基本应用以及构建可扩展的web应用

最近过年在家有点懈怠,但是自己也不断在学习新的前端技术,在家琢磨了express.js的web框架. 框架的作用就是提高开发效率,快速产出结果.即使不使用框架,我们也会在开发过程中逐渐形成构成框架. 大多数的node.js项目中都会用到express.js 目录: 一.什么是express.js框架 二.express.js是怎么工作的 三.expres.js的安装 四.express.js的脚手架 五.express.js的helloworld基本应用 一.什么是express.js框架? E

简单的JS框架

一 Yui-ext 基于Yahoo UI的扩展包yui-ext是具有cs风格的web用户界面组件,能实现复杂的Layou布局,界面效果可以和backbase比美,而且使用纯JavaScript代码开发.真正的可编辑的表格edit Grid,支持XML和Json数据类型.许多组件实现了对数据源的支持,如动态布局,动态加载Tree控件,动态拖拽效果等等.从1..0beta版开始同jQuery合作,推出基于jQuery的ext1.0,提供了更多有趣的功能. 优点:结构化,清晰明了,底层用到了jQuer

js框架(jQuery)

 Js框架(jQuery) 在前端的学习中,我学习了两种js框架. 有传统的js框架:jQuery,jQuery从创建开始历经了十年的优化和改进,已经是非常成熟和得到了大多数前端的人员的使用,所有jQuery是我们必须掌握的. 也有比较新型的js框架:Angular-js,Angular-js的思想比较新颖,方法也跟jQuery完全不同,历经了5年的建设,Angular-js也开始流行,现在也有很多人开始运用. jQuery: jQuery从根本来说是javaScript的函数库,它封装各种方法

借鉴一些关于js框架的东西

八款Js框架介绍及比较,Dojo .Scriptaculous .Prototype .yui-ext .Jquery .Mochikit.mootools .moo.fx,componentartui (转载) Extjs 与 JQuery 1.Turbomail(www.turbomail.org)下一版本决定用Extjs + jquery 开发.2.JQuery 提供了方便的对网页元素操作方法,但不提供基本控件,如:Tab,Grid,Muen 等,Extjs 是一套   完整的控件库,Ex

LoopBack – 开源的,可扩展的 Node.js 框架

LoopBack 是建立在 Express 基础上的开源 Node.js 框架,专门为 Mobile,Web 和其他设备做了优化.LoopBack 能够连接到多个数据源,使用 Node.js 编写业务逻辑,集成现有的服务和数据. 您可能感兴趣的相关文章 太赞了!超炫的页面切换动画效果[附源码下载] 创意无限!一组网页边栏过渡动画[附源码下载] 真是好东西!13种非常动感的页面加载动画效果 你见过吗?9款超炫的复选框(Checkbox)效果 时尚设计!三种奇特网格加载效果[附源码下载] LoopB

JS框架常识。

JS框架: 1,Dojo是目前最为强大的j s框架,它在自己的Wiki上给自己下了一个定义,dojo是一个用JavaScript编写的开源的DHTML工具箱.2,Scriptaculous是基于prototype.js框架的JS效果.3,jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便! 优点:注重简介和高效,js效果有yui-ext的选择,因为yui-ext 重用了很多jQuery的函数 4,MochiKit自称为一个轻量级

手淘flexible.js框架使用和源代码讲解

手淘框架是一个用来适配移动端的js框架,下面我们来讲解一下如何使用手淘的这套框架. 其实手淘框架的核心原理就是根据不同的width给网页中html跟节点设置不同的font-size,然后所有的距离大小都用rem来代替,这样就实现了不同大小的屏幕都适应相同的样式了,首先我们来说一下常用的移动设备. iphone6:    375px*667px  实际像素:750px*1334px iphone5:   320px*568px   实际像素:640px*1136px iphone4:   320p

不需要更多JS框架了

现在,JavaScript框架已成为Web项目开发不可或缺的一部分.那是因为很长一段时间以来,各种浏览器之间有很大的差别,人们不得不编写框架对此进行屏蔽.问题在于,各种浏览器甚至在基本问题上都难以取得一致,以致框架还要针对浏览器该如何工作设计自己的模型,比如如何传播事件.如何与DOM交互等.于是出现了许多框架,常见的有jQuery.Dojo.MochiKit.Ext JS.AngularJS.Backbone .Ember.React等.对于这种情况,谷歌工程师Joe Gregorio在博文中写

JS 框架之我感

对于一些js框架在我看来,都是将前端的表现动态化,即用动态js把html加载到页面上,如angularJS的MVVM开发模式(已接触),ReactJS的View层组件化(学习中),还有一些只听过没见过,没见过没听过的框架. 现在我感觉这种通过javascript动态写入到网页中的开发模式对于seo的支持是很不友好的,而从开发.维护角度看确实很大的创新. angularJS是通过项目开发学习到的,感觉还不错,由于对seo不友好,但是也开发了80%,访问速度也很快(应用的是单页模式,刚刚接触也只能参

node.js框架StrongLoop学习笔记(一)

node.js框架StrongLoop学习笔记(一) 本人在用node.js做手机后台,查找框架发现StrongLoop挺适合,可是却发现没有中文教程,于是在自己学习时,做一下笔记,以方便其他像我一样的人参考(本人的英语水平非常差,只能一点点试着做,并记录下来,如果大家发现问题,请通知我好更正,谢谢了!).所有操作都是在CentOS7-x64,Node.js 0.12.2下完成的. nodejs框架StrongLoop学习笔记一 安装StrongLoop 创建项目 安装数据库驱动 配置数据库连接