充满活力的开源JavaScript库的Web项目

开源运动创造了一个新的代码库工作的海。您可以通过谷歌搜索没有找到一个新的开源项目基础上的PHP,Ruby中,JavaScript,Python中,真的有通俗的语言堆。

在本指南中,我想专注于前端web开发中使用一些流行的JavaScript库。创建的每个项目都会有不同的需要动态效果。使用这个集合作为一个简单的指南环顾四周,看到什么是在那里。并提高警觉,检查出任何新的开放源码库,这可能是您感兴趣的。

1。Infinity.js

infinity.js的JavaScript开源的滚动无限的脚本

这是一个非同寻常的JavaScript库,一个非常简单的目的。您的网站的某些网页上可能有超长的列表滚动条非常小的。当你点击滚动浏览器可能会出现不稳定,当你飞过不同的元素。

但Infinity是一个简单的JavaScript库,以帮助控制很长的列表滚动效果。该项目的帮助下,Airbnb的创建,还举办免费Github上。通过的话,这可能是很难理解的功能,但检查出的差异在他们的演示的页与infinity.js 没有它

Infinity.js

2。Prism.js

Prism.js的JavaScript开源的代码库

我只是崇拜棱镜,虽然我一直无法把它用在现有的Web项目,我知道这个库将在今后的工作中派上用场。Prism是一个免费的语法代码高亮显示,这是基于非常相似Dabblet。它是用来每天数以千计的网站,它会支持一个巨大的语言列表。

只有两个文件,分别包括JS效果和CSS样式。在主页上有大量的例子设立自己的代码在一个单独的项目。但是,如果你想看到一个真正的现场演示,你可以玩的语法高亮功能。

Prism.js

3。Bonsai.js

Bonsai.js JavaScript代码的网站布局矢量图形

盆景是不会对大家是有帮助的,但它确实有一些很酷的功能,炫耀的JavaScript的原始动力。为您的网站,您可以使用盆景动态创建图像和图形。这些被渲染成SVG元素,以正确缩放为任何屏幕或设备。您也可以设置图形的创意动画关键帧,太。

Bonsai.js

4。gmaps.js

谷歌地图的JavaScript库脚本

我觉得我说话时,我对许多开发人员说,谷歌地图是一个简单的天才应用。他们的数据是准确的,它确实是一个了不起的项目。虽然使用的gmaps.js的JavaScript库,你可以拉数据快速地从谷歌地图API和嵌入到您的网页。

当我第一次听到的库,我是一个有点。然而,花了短短几分钟后,在演示它是痛苦容易编写自己的互动式地图。这种嵌入式功能,在您的网站看起来大企业或小企业。也有很多事件的会议厅或公共建筑。

gmaps.js

5。Pageguide.js

pageguide.js的JavaScript的开源库

现在这是一个很疯狂的JavaScript库,用于显示在您的网页上的交互式指南。如果你打开一个新的启动或web应用程序,那么这可能是完美的介绍。您可以设置提示和其他有用的线索出现在屏幕上的任何地方。

这是可能的,也创建有序菜单和突出显示的页面效果。该库是有帮助的基本的入门教程,是专为在网络的任何类型的。如果你想下载的源代码的副本,你可以访问Github上的页面获取更多信息。

Pageguide.js

6。jQuery Mobile的

图书馆网站的Javascript开源的编码

Web开发人员都非常熟悉的标准的jQuery库。以及一些其他的开发者们走到一起,创建了一个基于jQuery的移动Web应用程序的框架。jQuery Mobile的专注于HTML5技术,基于触摸的事件进行了优化。

这是一个完美的解决方案,如果你需要迅速建立一个非常简单的移动应用程序。编码的HTML页面结构仍然以同样的方式,只有你的jQuery Mobile的元素将不同的样式。写这篇文章的当前稳定版本是的JQM 1.2.0,其中包括了一连串的额外的自定义页面的部件。

jQuery Mobile的

7。html5sql.js

JavaScript的开放源码库的SQL代码数据库

在最近的一篇文章中,我们写了关于web应用使用Web SQL数据库的存储方法。HTML5这个新的SQL数据库,可以使用JavaScript,更容易被操纵,使用这个库。html5sql.js是完全免费的,开源的,所有的开发人员下载并应用到他们的网站上。

如果你不熟悉的数据库,然后努力学习HTML5 SQL可能是最好的地方开始。您将工作主要是前端语言,除了学习SQL JS库了极大的帮助。看看他们的现场演示页面的主要功能,以获得更好的想法。

html5sql.js

8。选择

Chosen.js的JavaScript开源的库代码

实际上选择的是一个jQuery插件创建的收获。这是一个很简单的JavaScript库,它取代了下拉菜单,提供更加个性化的解决方案。这些看上去很美的所有现代的Web浏览器,你甚至可以自定义设置,以符合各种不同的款式。

选择

9。Moment.js

Moment.js JavaScript库,源代码开放下载

后端的编程语言是更好的解决日期和时间。这并不是说JavaScript不能执行这些功能,但它们是稍微更复杂的原始代码。但使用Moment.js可以改变这一切,作为一个开放源码库,用于解析和格式化日期。

就在他们的网页,你会发现一些简单的代码例子。这些通常是一行代码的输出类型的日期和时间格式。此外,他们已经建立了一个小的测试页瞥见什么是可能的,这个库,如果您的Web浏览器支持这些功能。如果你想了解更多信息或贡献的项目,一定要检查出的Moment.js Github上页

Moment.js

10。SimpleModal

简单的模态窗口MooTools的JavaScript的js库

我一直在努力坚持基本的JavaScript文件,这些库,但这个模态窗口的脚本是不太好掠过。但是,我要指出,SimpleModal将只作为一个MooTools的插件。但谁愿意推动通过学习阶段的任何前端Web开发人员可以很容易地建立自己的自定义模态窗口。

SimpleModal

11。grumble.js

工具提示的开源JavaScript库代码

尽管我们已经看到了10个很好的例子,我会说grumble.js,是我的所有时间最喜爱的JavaScript库之一。包括这个脚本到你的文档,你可以叫上几乎任何地方出现的文件的工具提示弹出窗口。

支持所有现代浏览器和更旧版本的Internet Explorer 6 +的影响。从项目页面中,您可以向下滚动一点,看到现场演示的例子。一般都是几行的代码块长,很简单的读取。就像其他库抱怨自己的Github上页新的承诺,树枝,和支持论坛。

grumble.js

最后的思考

JavaScript已经是一个最流行的前端开发语言有。HTML / CSS建立的页面结构和布局设计是至关重要的。但是,当它涉及到的动态效果,动画和AJAX的内容,你不会找到任何更好的替代比JavaScript。

我希望这是足以让你开始寻找什么是有11 JS库的小集合。你会惊讶有多少功能已经被创建,并作为开源每天发布。有这么多优秀的JavaScript开发人员有更多的人学习创建项目所有的时间。随时分享任何问题或意见,我们的意见,下面的讨论区。

金牌狙击手

52html5是一个web前端|html5资源平台,为广大html5开发者及爱好者提供html5相关的教程、资讯、html5游戏、html5教程等,并涉及css3、javascript前端知识。