充满活力的开源JavaScript库的Web项目
开源运动创造了一个新的代码库工作的海。您可以通过谷歌搜索没有找到一个新的开源项目基础上的PHP,Ruby中,JavaScript,Python中,真的有通俗的语言堆。
在本指南中,我想专注于前端web开发中使用一些流行的JavaScript库。创建的每个项目都会有不同的需要动态效果。使用这个集合作为一个简单的指南环顾四周,看到什么是在那里。并提高警觉,检查出任何新的开放源码库,这可能是您感兴趣的。
1。Infinity.js
这是一个非同寻常的JavaScript库,一个非常简单的目的。您的网站的某些网页上可能有超长的列表滚动条非常小的。当你点击滚动浏览器可能会出现不稳定,当你飞过不同的元素。
但Infinity是一个简单的JavaScript库,以帮助控制很长的列表滚动效果。该项目的帮助下,Airbnb的创建,还举办免费Github上。通过的话,这可能是很难理解的功能,但检查出的差异在他们的演示的页与infinity.js 没有它。
2。Prism.js
我只是崇拜棱镜,虽然我一直无法把它用在现有的Web项目,我知道这个库将在今后的工作中派上用场。Prism是一个免费的语法代码高亮显示,这是基于非常相似Dabblet。它是用来每天数以千计的网站,它会支持一个巨大的语言列表。
只有两个文件,分别包括JS效果和CSS样式。在主页上有大量的例子设立自己的代码在一个单独的项目。但是,如果你想看到一个真正的现场演示,你可以玩的语法高亮功能。
3。Bonsai.js
盆景是不会对大家是有帮助的,但它确实有一些很酷的功能,炫耀的JavaScript的原始动力。为您的网站,您可以使用盆景动态创建图像和图形。这些被渲染成SVG元素,以正确缩放为任何屏幕或设备。您也可以设置图形的创意动画关键帧,太。
4。gmaps.js
我觉得我说话时,我对许多开发人员说,谷歌地图是一个简单的天才应用。他们的数据是准确的,它确实是一个了不起的项目。虽然使用的gmaps.js的JavaScript库,你可以拉数据快速地从谷歌地图API和嵌入到您的网页。
当我第一次听到的库,我是一个有点。然而,花了短短几分钟后,在演示它是痛苦容易编写自己的互动式地图。这种嵌入式功能,在您的网站看起来大企业或小企业。也有很多事件的会议厅或公共建筑。
5。Pageguide.js
现在这是一个很疯狂的JavaScript库,用于显示在您的网页上的交互式指南。如果你打开一个新的启动或web应用程序,那么这可能是完美的介绍。您可以设置提示和其他有用的线索出现在屏幕上的任何地方。
这是可能的,也创建有序菜单和突出显示的页面效果。该库是有帮助的基本的入门教程,是专为在网络的任何类型的。如果你想下载的源代码的副本,你可以访问Github上的页面获取更多信息。
6。jQuery Mobile的
Web开发人员都非常熟悉的标准的jQuery库。以及一些其他的开发者们走到一起,创建了一个基于jQuery的移动Web应用程序的框架。jQuery Mobile的专注于HTML5技术,基于触摸的事件进行了优化。
这是一个完美的解决方案,如果你需要迅速建立一个非常简单的移动应用程序。编码的HTML页面结构仍然以同样的方式,只有你的jQuery Mobile的元素将不同的样式。写这篇文章的当前稳定版本是的JQM 1.2.0,其中包括了一连串的额外的自定义页面的部件。
7。html5sql.js
在最近的一篇文章中,我们写了关于web应用使用Web SQL数据库的存储方法。HTML5这个新的SQL数据库,可以使用JavaScript,更容易被操纵,使用这个库。html5sql.js是完全免费的,开源的,所有的开发人员下载并应用到他们的网站上。
如果你不熟悉的数据库,然后努力学习HTML5 SQL可能是最好的地方开始。您将工作主要是前端语言,除了学习SQL JS库了极大的帮助。看看他们的现场演示页面的主要功能,以获得更好的想法。
8。选择
实际上选择的是一个jQuery插件创建的收获。这是一个很简单的JavaScript库,它取代了下拉菜单,提供更加个性化的解决方案。这些看上去很美的所有现代的Web浏览器,你甚至可以自定义设置,以符合各种不同的款式。
9。Moment.js
后端的编程语言是更好的解决日期和时间。这并不是说JavaScript不能执行这些功能,但它们是稍微更复杂的原始代码。但使用Moment.js可以改变这一切,作为一个开放源码库,用于解析和格式化日期。
就在他们的网页,你会发现一些简单的代码例子。这些通常是一行代码的输出类型的日期和时间格式。此外,他们已经建立了一个小的测试页瞥见什么是可能的,这个库,如果您的Web浏览器支持这些功能。如果你想了解更多信息或贡献的项目,一定要检查出的Moment.js Github上页。
10。SimpleModal
我一直在努力坚持基本的JavaScript文件,这些库,但这个模态窗口的脚本是不太好掠过。但是,我要指出,SimpleModal将只作为一个MooTools的插件。但谁愿意推动通过学习阶段的任何前端Web开发人员可以很容易地建立自己的自定义模态窗口。
11。grumble.js
尽管我们已经看到了10个很好的例子,我会说grumble.js,是我的所有时间最喜爱的JavaScript库之一。包括这个脚本到你的文档,你可以叫上几乎任何地方出现的文件的工具提示弹出窗口。
支持所有现代浏览器和更旧版本的Internet Explorer 6 +的影响。从项目页面中,您可以向下滚动一点,看到现场演示的例子。一般都是几行的代码块长,很简单的读取。就像其他库抱怨自己的Github上页新的承诺,树枝,和支持论坛。
最后的思考
JavaScript已经是一个最流行的前端开发语言有。HTML / CSS建立的页面结构和布局设计是至关重要的。但是,当它涉及到的动态效果,动画和AJAX的内容,你不会找到任何更好的替代比JavaScript。
我希望这是足以让你开始寻找什么是有11 JS库的小集合。你会惊讶有多少功能已经被创建,并作为开源每天发布。有这么多优秀的JavaScript开发人员有更多的人学习创建项目所有的时间。随时分享任何问题或意见,我们的意见,下面的讨论区。