15有用的JavaScript库来增强您的站点

制作一个好的网站需要很多技能,但你并不总是需要从头开始完全开发所有东西。 要使用本文中介绍的任何JavaScript库,您至少需要具备一些现有的JavaScript技能,但您也不一定需要成为专家。

您需要具备的专业知识是如何将库混合到一个站点中以从中获得最大收益。 这不是真正可以教的东西。 这是一项只能通过实践来学习的技能。 但是,一旦你掌握了概念,你的创造力和你可以用它实现的目标是没有限制的。

这里收集的是我们的程序员可用于站点增强的最有用的JavaScript库列表。 您可能看不到此处列出的收藏,但这并不意味着不推荐。 事实上,任何帮助您实现有价值的JavaScript库都无法被忽视。 但是有数百万个图书馆可供选择,我们必须在某处画线。

1. jQuery的

最好从明显的开始。 你几乎肯定已经以某种方式使用这个库,即使你还不知道它。 从本质上讲,jQuery允许您比其他方法更容易地对静态Web页面执行动态操作,并且不需要服务器端编程来实现结果。 这也意味着更新可以比服务器端替代方案更快地发生。 许多其他库包含jQuery作为依赖项,因此即使您不直接访问其功能,也可能需要将其合并到页面中。

2. 原型图

在某种程度上,这可以被视为jQuery的竞争对手。 它不一定低劣,但它的采用率却低得多。 除非您采取特殊步骤来处理此问题,否则使用原型和jQuery可能会导致冲突。 这就是您需要了解所使用的其他JavaScript库中的依赖项的原因。

3. Modernizr的

此库有助于克服不完全支持HTML5的旧浏览器上的页面呈现问题。 虽然这些浏览器变得越来越少,但它们仍然是一部分,并且Modernizr可以帮助您以有效的方式处理问题。

4. 引导

短短六年间,Bootstrap在Web开发领域实现了巨大的扩散。 它完全关注UI布局和组件集成,但它做得非常好。 但是,您需要修改几乎所有内容的默认设置,因为它们基于Twitter的配色方案,这不是用户界面中最友好的用户界面。

5. PDF.js

您可能知道PDF格式存在某些漏洞。 为解决此问题,创建了PDF.js以将PDF内容呈现到HTML5 Canvas中。 显然,这也意味着它只能在支持HTML5和Canvas的浏览器中运行。

6. JS图表

一个优秀的库,提供简单而强大的图形生成器,因此您可以为您的站点创建各种专业外观的图表,而无需投入太多时间和精力。 与付费版本相比,免费版本同样强大,但包含水印。 购买许可证会删除此水印。

7. chart.js之

这是一个非常好的,完全免费的,没有水印的JS图表替代品。 它易于使用,文档齐全,可以无限制地定制。 使用它需要比JS图表更多的JavaScript技能。

8. D3.js

这是前两个示例的更大兄弟,它们用于轻量级使用。 但是,如果你在大联盟中处理数据,D3会为您提供可以使您的在线演示更上一层楼的高级功能。 任何类型的数据都可以以可疑的方式可视化和表达。 只需查看D3网站上的示例,即可查看您错过的内容。

9. bHive

一个伟大的图形框架,与Raphaël一样对HTML5 Canvas来说是革命性的HTML4。 bHive允许您快速创建SVG图形,动画,甚至包含可以以多种不同方式使用的交互性,例如简单的游戏和教育应用程序。

10. 猫头鹰旋转木马

虽然不鼓励过度使用旋转木马,但是当你确实需要使用旋转木马时,Owl是有史以来为jQuery创建的最受推荐的旋转木马插件之一。 它兼容触摸屏和指点设备。 它支持滑动和拖放。 它是完全可定制的,默认情况下是响应式的。

11. Date.js

有时您需要能够以不同的方式表达日期信息以提供站点上下文。 Date.js的功能允许您使用非常直接的语法来做这件事,这种语法不容易学习。

13. Moment.js

另一个日期格式化和处理库。 它比Date.js稍微复杂,但允许您轻松地进行某些特定的计算(isAfter,isBefore,isSameOrAfter,isSameOrBefore,isBetween,isLeapYear,isDate等)。 如果您不需要这些额外功能带来的所有开销,请使用Date.js。

13. dateDropper

当您需要在您的网站上显示日历/日期选择器控件时,dateDropper是我们见过的最优雅,最简单的解决方案(我们已经看过很多)。 与许多其他解决方案相比,它还与移动界面更兼容。

13. Numeral.js

对于数字,Date.js的日期是什么。

14. wForms

通过Google代码存档维护的简单但有用的库,wForms可以轻松完成与用户输入表单相关的常见任务。 这些包括输入验证,工具提示和其他有用的功能。

15. 的SortTable

可排序表几乎与表一样(数据表,无论如何)。 但是使用这个手工JavaScript库,只需在创建表时向表中添加一个类就可以轻松地对任何表进行排序,这很简单: <table class =“sortable”>

标题图片由...提供 Rogie

波格丹兰萨

Bogdan是Inspired Mag的创始成员,在此期间积累了近6年的经验。 在业余时间,他喜欢学习古典音乐和探索视觉艺术。 他也非常着迷于修复工具。 他已拥有5。