开发者社区> 测试5555> 正文

超全超实用的Javascript类库和jQuery插件大全之一:图片,地图和图形

简介: 日期:2012-10-10  来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的,特别是如果你不希望自己去处理不同浏览器的兼容性问题的话,使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。
+关注继续查看

日期:2012-10-10  来源:GBin1.com

如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的,特别是如果你不希望自己去处理不同浏览器的兼容性问题的话,使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。

使用javascript类库可能并不一定是最好的选择,很多情况1下可能你会发现类库加载并不正确,或者有性能上的问题,例如,移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉,然而,一些超轻量级的类库可能更加的实用。这里我们也会介绍一些。

在这个两个部分的文章中,我们将介绍一些非常实用的javascriptjQuery类库,帮助你解决你经常遇到的问题。你可能知道一些,但是你肯定不会都知道。希望我们这片文章能够帮助你发现一些你能应用到项目中的实用类库。

因为文章篇幅的原因,这里我们分为几个部分:

快速了解:

下面你将看到一个简单的类库列表介绍,每个类库连接到了对应的网站,能够帮助你快速的找到需要的类库工具。

web表单:

forms framework – auto-saving drafts – file upload (and resuming large downloads) – <select> boxes – modal boxes – form accordion – dynamic labels – drop-down with images – tooltips – extended input – form validation – credit card validation (alternative) – email check – password complexity

web印刷排版:

repairing vertical baseline – align text to a grid – responsive measure – fixing widows – fluid line height –scalable headlines (or smart headlines) – Lettering.js – Kerning.js

实用类库:

exchange rates and currency – date/time formatting – relative timestamps – number and currency formatting– cookies.js – zip.js – extra string methods – countdown.js – sticky content – Google Maps – interactive maps– progress bar – favicon notifications (or Notificon)

图片,地图和图形:

world maps – subway map – Google maps – open source maps – SVG fallback – gauges – graphs – timeline– Retina display – magnifying glass – interactive graphs – plots – time visualization

图片,地图和图形

jVectorMap

这个类库可以帮助你创建基于SVG和VML的矢量地图,支持IE6和现代浏览器,我们以前也曾经介绍过。使用javascript,CSS,HTML,SVG和VML。不适用任何第三方插件例如Flash。

相关文章:分享30个绝对让你动心的jQuery插件和CSS3小技巧

JavaScript Library

JQVAMP

JQVMAP 可以方便的帮助你生成漂亮的矢量地图。在现代浏览器中它使用了SVG(Scalable Vector Graphics)技术生成地图图片,如果你也需要支持老版本的浏览器,例如,IE6/7/8的话,它也可以通过VML来实现

超棒的jQuery矢量地图生成插件 - JQVAMP

Subway Map Visualization jQuery Plugin

如果你需要处理政府,学校或者其它复杂组织相关项目的话,你有可能需要去设计和开发一个很不错的视觉效果图。那么这个插件可能会成为你的项目效果雏形。

JavaScript Library

GMaps.js

这个插件可以帮助你更容易的使用Google地图。你不需要自己处理大量代码或者阅读API文档。另外一个不错的插件是: Gmap3 jQuery plugin

相关介绍: 分享一款超棒的jQuery Google地图插件:Gmaps

GMaps.js

Leaflet: Open-Source Interactive Maps With JavaScript

一个用来在桌面和移动设备上创建互动地图的类库。API非常易用,并且拥有非常好的灵活性,性能,体验。提供了地图层次,包括了标记,弹出层,GeoJSON等。支持移动设备双击缩放。并且针对iOS提供硬件加速,整个项目开源,大家可以自由使用。

JavaScript Library

SVGeezy: a JavaScript plugin for SVG fallbacks

一个用来侦测SVG图片的javascript类库,并且自动为老版本浏览器的寻找标准图片的替换方式。

SVGeezy - a JS plugin for SVG fallbacks

Retina.js

一个用来检查网站图片的js脚本。当找到图片后,使用高分辨率的图片替换低分辨率的图片。

JustGage

我们介绍过的一款动态动画仪表盘js类库。基于Raphael类库来生成图形。

相关阅读: 超棒的仪表盘javascript类库- justGage

JustGage

arbor.js

一个视觉图形类库,用来创建互联的树形结构。拥有图形组织算法和屏幕刷新处理

Arbor.js

Timeline: Generate Timelines To Visualize Data

一个帮助你生成时间轴的超酷类库。可以支持不同的内容源,例如,Twiiter,YouTube,Flickr,Vimeo,Google Maps和Soundcloud等等。

相关阅读: Timeline - 超酷的JavaScript叙事性时间轴(Timeline)类库

JavaScript Library

Unicon

一个Grunt.js的task,可以帮助你更简单的管理图标和背景图片,使用SVG图标,但是针对老版本浏览器拥有其它fallback处理机制。从CSS角度来看,使用简单,产生基于每个图标的class。不适用CSS sprites。

Foresight.js

这个设备识别类库,能够使得网站可以识别用户端设备的分辨率或者速度,从而自定义src属性来优化网站的展示和提高用户体验

A Magnifying Glass With CSS3 And jQuery

一个CSS3的放大器特效。使用box-shadow和border-radius来创建放大镜本身。用jquery来探测鼠标位置,移动并且展示图片。当鼠标移出图片,放大镜淡出。实现机制是使用一大一小两个图片,当需要查看的时候,展示分辨率更大的图片。

JavaScript Library

Rickshaw

免费开源的javascript工具帮助你创建互动的图形,例如,悬浮,说明,区域选择等等,基于D3,图形使用SVG和CSS来生成。

Rickshaw

Flot: Plotting for jQuery

一个jQuery的图形绘制类库。支持IE6+,chrome,FF2+,Safari3+和opera 9.5+。你可以使用不同类型的图形,支持ajax,提供了缩放及其数据点互动。

Flot.js

Chronoline.js

一个帮助你创建编年体时间轴的类库,你提供时间和事件,它就可以生成一个日历,历史事件等等

相关阅读:分享一个基于事件时间线的Javascript类库-Chronoline

JavaScript Library

Cubism

一个D3插件帮助你实时视觉化时间序列,构建dashboard,从图形,Cube里抓取数据。帮助你减少服务器负载

Cubism

Envision.js

一个快速创建动态互动HTML5视觉图形效果的类库

JavaScript Library

Data Visualization JavaScript Libraries

一套数据视觉展示的js类库,帮助你更简单的生成漂亮有意义的数据视觉图形。如果以上找不到你需要的图形,相信这里肯定能够找到一个。

Data Visualization JavaScript Libraries

更多文档

jQuery Fundamentals

这个HTML文档将帮助你更加容易的处理jQuery编程中遇到的问题。你可以互动的阅读并且尝试在线演示。

JavaScript Library

JavaScript Patterns Collection

帮助你了解js中使用的设计模式,包括:方法模式,jQuery设计模式,jQuery插件设计模式等等。

JavaScript Library

JavaScript Garden

一个不断添加的javascript高级编程文档。 帮助你了解编程中的错误和bug,并且帮助你如何高效编程,避免糟糕的编程实践。

JavaScript Library

via smashingmagazine

 

来源:超全超实用的Javascript类库和jQuery插件大全之一:图片,地图和图形

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
分享22款响应式的 jQuery 图片滑块插件
  响应式(Responsive)设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。这篇文章收集了22款优秀的响应式 jQuery 幻灯片插件,它们能够帮助你在 Web 项目中实现有吸引力的图片滑块效果。
1134 0
Fundebug:JavaScript插件支持错误采样
Fundebug的付费套餐主要是根据错误事件数制定的,这是因为每一个发送到我们服务器的事件,都会消耗一定的CPU、内存、磁盘以及带宽资源,尤其当错误事件数非常大时,会对我们的计算资源造成很大压力。 如果您希望采样收集错误,比如“只收集30%的错误”,可以将sampleRate属性设为0.3。
528 0
《JavaScript高效图形编程(修订版)》——2.4 IE6背景图像缓存
即使对完全正当的跨浏览器代码,IE6也不能完全处理好。具体来说,IE6在缓存背景图像上有问题。当多次访问同一个背景图像时,IE6从服务器重新获取图像,而不是从本地缓存读取。在用背景图像实现动画的情况下,这显然会极大地影响性能。
981 0
Fundebug前端JavaScript插件更新至1.7.1,拆分录屏代码,还原部分Script error.
摘要: BUG监控插件压缩至18K。 1.7.0拆分了录屏代码,BUG监控插件压缩至18K,另外我们还原了部分Script error,帮助用户更方便地Debug。请大家及时更新哈~ 拆分录屏代码 从1.7.0版本开始,我们拆分了录屏代码。
1378 0
使用Java、Matlab画多边形闭合折线图
  由于写论文要将“哈密顿回路问题(TSP)”的求解中间结果表示出来,查了一下使用程序画多边形图形。现在在总结一下,这个图是“由给定节点首尾相连的”闭合多边形。 1.使用matlab作闭合多边形图   没有找到直接画多边形的函数,只能是将各个点的坐标保存在数组中,将一个点与其相邻的点相连,并将最后一个点与第一个点连接。
1036 0
ArcGIS API for Javascript 3.21地图开发实例(一、图形绘制和删除及popup弹出层)
前言 Arcgis是一个地理系统的平台,可用来进行数据数据展示或二次开发。这里我们所使用的是Arcgis对于JavaScript的api,也就是web端的api进行开发。
9652 0
6个强大的JavaScript日期操作插件(翻译)
我们必须承认,JavaScript内建的Date方法实在是太基础了,远不够我们来处理日期。总有人会开发自己的JavaScript日期操作库,为何在能够使用已经开发并测试好的日期插件时还要再自己造个轮子呢。
656 0
javascript日历插件
原文:javascript日历插件 javascript日历插件       最近在尝试着写javascript日历插件,所以也到github上看国外人日历源码,或者国内人写的好点的,也在研究点,虽然看到网上有一大把的日历控件,但是没有几个是自己想要的,虽然效果是实现了,但是看他们的源码,头有点大,所以自己也在研究这方面的东西。
1178 0
+关注
测试5555
前端相关技术专家
510
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载