制作一个好的网站需要很多技能,但你并不总是需要从头开始完全开发所有东西。 要使用本文中介绍的任何JavaScript库,您至少需要具备一些现有的JavaScript技能,但您也不一定需要成为专家。
您需要具备的专业知识是如何将库混合到一个站点中以从中获得最大收益。 这不是真正可以教的东西。 这是一项只能通过实践来学习的技能。 但是,一旦你掌握了概念,你的创造力和你可以用它实现的目标是没有限制的。
这里收集了我们为程序员提供的用于站点增强的最有用的JavaScript库列表。 您可能不会在此处看到您喜欢的商品,但这并不意味着不建议您这样做。 实际上,任何可以帮助您实现有价值的目标的JavaScript库都不能忽略。 但是实际上有数百万个库可供选择,我们必须在某些地方划清界限。
1. jQuery的
最好从显而易见的地方开始。 几乎可以肯定,即使您还不了解它,也已经以某种方式使用了该库。 本质上,与其他方法相比,jQuery使您可以更轻松地对静态网页执行动态操作,并且不需要服务器端编程即可获得结果。 这也意味着更新可以比服务器端替代方法更快地发生。 许多其他库都将jQuery作为依赖项包含在内,因此即使您不直接访问其功能,也可能需要将其合并到页面中。

2. 原型图
从某种意义上讲,这可以认为是jQuery的竞争对手。 它不一定逊色,但被广泛采用。 除非同时采取特殊步骤来解决此问题,否则将原型和jQuery一起使用会导致冲突。 这就是为什么您需要了解所使用的其他JavaScript库中的依赖关系的原因。
3. Modernizr的
该库有助于克服在不完全支持HTML5的旧版浏览器上呈现页面的问题。 尽管这类浏览器越来越少见,但它们仍然是景观的一部分,拥有Modernizr可以帮助您有效地解决问题。
4. 引导
在短短的六年内,Bootstrap在Web开发的世界范围内取得了巨大的发展。 它仅与UI布局和组件集成有关,但它做得很好。 您将需要修改几乎所有内容的默认设置,因为它们基于 Twitter的配色方案,它不是最友好的用户界面。

5. PDF.js
你可能知道 PDF format 受到某些漏洞的影响。 为了解决这个问题,创建了 PDF.js 以将 PDF 内容呈现到 HTML5 画布中。 显然这也意味着它只能在支持 HTML5 和 Canvas 的浏览器中工作。
6. JS图表
一个出色的库,提供了一个简单而强大的图形生成器,因此您可以为您的站点创建各种具有专业外观的图表,而无需花费太多时间和精力。 与付费版本相比,免费版本功能强大,但其中包含水印。 购买许可证会删除该水印。
7. chart.js之
这是JS Charts的一个非常好的,完全免费的,无水印的替代品。 它易于使用,有据可查,并且可以无休止地进行定制。 使用它比JS Charts需要更多的JavaScript技能。

8. D3.js
这是前两个示例(旨在用于轻量级用途)的一个更大的兄弟。 但是,如果您要处理大型联赛中的数据,D3为您提供了高级功能,这些功能可以使您的在线演示文稿更上一层楼。 任何种类的数据都可以以惊人的方式可视化和表达。 只需查看D3网站上的示例,看看您错过了什么。
9. bHive
一个很棒的图形框架,就像 revolut就像 Raphaël 对 HTML5 一样,对 HTML4 Canvas 的影响。 bHive 允许您快速创建 SVG 图形、动画,甚至可以合并可以以多种不同方式使用的交互性,例如简单的游戏和教育应用程序。

10. 猫头鹰旋转木马
虽然不鼓励过度使用轮播,但在您确实需要使用轮播的时候,Owl 是为 jQuery 创建的最强烈推荐的轮播插件之一。 它与触摸屏和指点设备兼容。 它支持滑动和拖放。 它是完全可定制的,并且是 responsive 默认情况下。

11. Date.js
有时您需要能够以format离子以不同的方式给出站点上下文。 Date.js 的特性允许您使用非常简单易学的语法来做这件事。
13. Moment.js
另一个日期 formatting 和处理库。 它比 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库,只需在创建表时向表中添加一个类就可以轻松地对任何表进行排序,这很简单:
标题图片由...提供 Rogie
注释 0回应