16 个对开发者非常有用的 JavaScript 库

编辑器:

1. CodeMirror

CodeMirror 是一款“Online Source Editor”,基于Javascript,短小精悍,实时在线代码高亮显示,他不是某个富文本编辑器的附属产品,他是许多大名鼎鼎的在线代码编辑器的基础库。

视频:

2. html5media

html5media是一个JavaScript音频/视频播放器能够让每一个浏览器都能够播放在HTML5多媒体标签中定义的多媒体文件。 对于不兼容的浏览器,该播放将采用支持Flash的FlowPlayer播放器来代替。

地图:

3. Gmap

GMAP3 插件用来将Google Maps插入到网页中,Google在其产品中已经提供了很简便的方法。但是GMAP3这个jQuery插件提供了更加简便的方法,特别是在使用一些高级功能时(如:overlays和callbacks)。

图表:

4. JS Charts

JS Charts 是一款免费的基于javascript的轻量级插件,用JS Charts 绘制图表是很轻松地事,因为你只需要关心客户端的脚本。

5. Highcharts

Highcharts是一个制作图表的纯Javascript类库

6. Flot

PlotrPlotKit的启发,Ole Laursen基于jquery开发了一个图表绘制(WEB Chart)插件并命名为flot。

示例代码:$.plot($("#placeholder"), [ [[0, 0], [1, 1]] ], { yaxis: { max: 1 } });

7. Timeplot

Timeplot是一个基于DHTML的AJAX部件,用于创建时间序列、基于时间事件的图表。

可视化和绘图库:

8. Processing.js

Processing.js是轻量,易于了解掌握,并提出一个理想的工具,可视化的数据,创建用户界面和开发基于Web的游戏。

9. Protovis

Protovis 是一个可视化 javaScript 图表生成工具。

  

10. Raphaël

Raphaël 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。

安全相关:

11. Ad Safe

ADsafe能使Javascript广告更加安全。

ADsafe使放置在页面上的客户代码(例如第三方的广告脚本以及挂件)安全,ADsafe定义了一个JavaScript的子集,足以令客户脚本具有用的交互性,在此同时防止恶意或者偶然的破坏以及入侵。

存储:

12. TaffyDB

TaffyDB 是一个免费开源的 JavaScript 库,用于在 Web 上实现一个轻量级的数据访问层,也就是一个简单的数据库。

13. evercookie

evercookie 是一套想辦法在瀏覽器上留下可供紀錄的痕跡的 javscript library,支援非常多方法,想盡辦法產生類似 HTTP cookie 的效果。目前实现的方法借助了 flash 的支持。

14. jStorage

jStorage是一个简单的用于PrototypeMooToolsjQuery在浏览器端缓存数据(字符串,数字,对象,甚至是XML节点)的包装插件。

其他:

15. HeadJS

HeadJS, 异步JavaScript加载。其最大特点就是不仅可以按顺序执行还可以并发加载 js

16. Socket.IO

Socket.IO旨在让各种浏览器与移动设备上实现实时app功能,模糊化各种传输机制。

via webinsightlab

时间: 2024-08-03 22:42:41

16 个对开发者非常有用的 JavaScript 库的相关文章

19个很有用的 JavaScript库推荐_javascript技巧

然而需要实现一些特定的功能,则可以选择功能更专一的轻量库,今天这篇文章与大家分享16个很有用的 JavaScript 库. Blackbird: Open Source JavaScript Logging UtilityBlackbird 是一款非常酷的 JavaScript 调试工具,带有一个漂亮的界面显示和过滤调试信息. Treesaver.jsTreesaver 是一个用于创建杂志布局的 JavaScript 框架. BibliotypeBibliotype 是一个简单的基于 HTML.

WEBJX分享最有用的轻巧和独特的JavaScript库

文章简介:简化web开发者复杂任务的25个有用的javascript库. 在web开发当中,为了制作一个吸引人的动态网站,开发者往往需要使用复杂的编程来实现一些浏览器效果,复杂的数据验证,等等,这个时候使用javascript变得是非常有用的,javascript是具有特殊功能的与正常的html网页结合使用的编码语言,随着许多技术的进步,许多著名的JavaScript库应运而生,像 Dojo, Moo Tools 和其他工具,他对于网页开发者来说确实使工作变得更加容易,许多复杂的任务可以在几分钟

开发者必备的 12 个 JavaScript 库

现在 web 设计是最有趣的了,做好 web 设计不仅要熟练使用 Javascript,css 和 html 等,还要有自己的创意设计.为了方便大家发挥自己的创意,就产生了很多 JS 框架,Node.js 扩展等等.有了这些工具,开发者们就能专注于创意设计了,而不用为某个功能而花费太多精力.这里我们介绍的是 12 个开发者们必备的 JavaScript 库,都是一些很基础功能很强大的库.有了这些库,开发者们可以节省很多时间,大大提高开发的效率,所以大家赶紧收藏起来吧:) 1) Headroom.

JavaScript库开发者们的规则

核心提示:JavaScript库开发者们的规则 1. 保持无侵入性 我的HTML标记不想知道你的JavaScript代码. 2. 严禁修改和扩展Object.prototype! 这条很重要,因此需要一条完全针对它的规则.对象是JavaScript功能的基本构建模块,不要搞乱它们. 3. 不要过分扩展 对JavaScript内建对象的扩展越少越好.别误解我的意思.JavaScript的原生对象中有用的方法是有点少,有时不得不添加一两个自己的方法.但是,对于富有创造力的(库)程序员来说,添加这"一

本月推荐:15 个有用的 JavaScript 和 CSS 库

高质量的网页设计需要直观和用户友好的界面,而且屏幕上的元素也起着非常重要的作用.Web 设计师不断地寻找优秀代码的集合,希望能提升工作效率.但找到合适的工具库并不总是那么容易的.网络上有太多的资源可以使用,而且也是免费的,因此很难判断哪些资源比较好.这就是精心搜索并编写这个最好的库列表的原因. 无论是希望创建一个视觉上吸引人和功能强大的布局,还是需要在表单和其他区域添加屏幕上的规则和验证,你都会喜欢这个集合.这里列出的库是由具有丰富网页设计经验的专家创建的,这些库不仅是经验丰富的设计师的优秀工具

一些有用的javascript实例分析(二)

原文:一些有用的javascript实例分析(二) 1 5 求出数组中所有数字的和 2 window.onload = function () 3 { 4 var oBtn = document.getElementsByTagName("button")[0]; 5 var oInput = document.getElementsByTagName("input")[0] 6 var oStrong = document.getElementsByTagName

从JAVA开发者的视角解释JAVASCRIPT

从JAVA开发者的视角解释JAVASCRIPT 我们无法在一篇博文里解释JavaScript的所有细节.如果你正或多或少地涉及了web应用程序开发,那么,我们的Java工具和技术范围报告揭示了,大多数(71%)Java开发者被归到了这一类,只是你对JavaScript遇到了阻碍. 毫无疑问,你已经知道了Java和JavaScript,不管它们有着多么类似的命名,彼此没有共享太多共通之处.Java的静态类型.符合直接规律的简单语法和冗长,与JavaScript的动态.缺乏一致性原则和怪异,有着巨大

41个Web开发者必须收藏的JavaScript实用技巧_javascript技巧

Web开发者必须收藏的JavaScript实用技巧,供大家参考,具体内容如下 1. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false" < table border oncontextmenu=return(false)>< td>no< /table> 可用于 Table 2. 取消选取.防止复制 < body onselectstart="return false&qu

一些有用的javascript实例分析(一)

原文:一些有用的javascript实例分析(一)      本文以http://fgm.cc/learn/链接的实例索引为基础,可参见其实际效果.分析和整理了一些有用的javascript实例,相信对一些初学者有一定的帮助.本人水平有限,有许多不足的地方还望包涵,指正.废话不多说,正文以代码开始,不在代码中死去,就在代码中重生.不经历码农,如何来做攻城狮.   1 1 控制div属性 2 //参数为对象,样式属性和值 3 var changeStyle=function(elem,attr,v