适用于Web开发人员的有用JavaScript工具

许多开发人员尽量避免使用JavaScript,尽可能避免使用JavaScript。 人们认为JavaScript是不整洁的,并且鼓励不良的编码习惯,因为它不像大多数其他编码语言那样严格执行规则。

然而,这也是一种力量。 只要您知道自己在做什么,它就可以快速轻松地在JavaScript中进行开发。 在JavaScript中开发代码通常是一个更有效的过程,因为您不必花费太多时间进行调试,并且您可以立即看到所做的任何更改的结果。

如果有一个缺点,那就是某些编码器实际上是懒惰的,并且在发布之前不要充分测试他们的代码,这就是为什么我们看到这么多的网页消耗内存和CPU周期过剩。

幸运的是,关于JavaScript的最好的事情之一就是你可以使用很多预先存在的工具。 您不必在每个项目上重新发明轮子。 其中一些甚至可以免除你做任何编码的痛苦。

在本文中,我们将介绍一些最有用的JavaScript工具和库,供您在自己的项目中使用时使用。 在大多数情况下,这些工具是免费或低成本的,我们只选择那些不需要花费太多精力学习的工具。

1。 Tota11y

任何Web开发人员最重要的任务之一是确保他们的页面具有良好的可访问性。 实现完美可能很困难,但我们至少应尽量使可访问性因素尽可能好。

在此 Tota11y 来自Khan Academy的JavaScript工具在您处于开发阶段时,可以分析您的网页以获取可访问性,因此您可以为开发团队提供可访问性因素的实时分析。

2。 BrowserSync

入门 BrowserSync 一点也不直接,但一旦你学会了如何使用它,你会发现它在测试实验室中是不可或缺的。 同时在多个浏览器和设备上测试您的网站。

此工具的另一个有趣功能是它可以让您限制连接,这样您就可以模拟在比实际连接速度慢的连接上加载页面。

还有其他工具可以在多个浏览器上进行测试,但这是我们发现的唯一一个可以在所有连接的浏览器和设备上即时镜像所有与页面交互的工具。

3。 chart.js之

图表有很多方法可以使用,而且最容易配置的最优雅的免费解决方案之一必须是非常简单的命名 chart.js之 工具。

使用一个非常简单的脚本,您可以创建各种各样的图表,甚至可以将它与数据库结合起来动态加载数据,并在数据发生变化时生成新的图表。 您可以将不同的图表类型混合在一起,这样做是有意义的(例如,组合线和条形图)。

它通过使用HTML5画布工作,您可以在页面上创建多个画布来托管多个图表。 只需确保为每个画布和图表指定一个唯一的名称,这样就不会将数据发送到错误的目标。

Chart.js的另一个很酷的功能是它生成的图表具有完全响应性,因此它们可以在一系列不同的屏幕尺寸上保持一致的外观。

4。 SamsaraJS

这个工具的不同寻常的名字选择(佛教传统中的“轮回”指的是人们应该挣脱的痛苦的永恒循环)可能表明你必须投入多少工作才能掌握它,但是它能够让你的网页做出惊人的事情。

这里的概念是“布局动画”,它的用途非常广泛。 SamsaraJS 让您完全控制布局,允许您根据预定顺序或响应用户交互“移动”并更改它。

5。 Kartograph

如果您的网页将以图形形式显示地理数据,那么 Kartograph 是您为此目的所需的完美JavaScript工具。

任何数据都可以使用引脚点精度建模,并与地图上的特定位置相关联,并在实时SVG图形中生成所有内容。 这意味着甚至可以制作动画。

最好的事情是最终结果的专业性。 它肯定是使用更流行的地图解决方案(如GoogleMaps)的有趣替代方案,并且没有任何不必要的额外内容。

使Kartograph脱颖而出的另一个原因是它具有Python和JavaScript的脚本。

6。 拉斐尔

这是一个SVG引擎,简化了绘制实时SVG图形的任务(这与预编译的SVG图形不同)。 在需要时绘制矢量图形而不是使用预编译图形有很多优点。

这是技术高级Web应用程序项目,如Kartograph(见上文)和 MCDU仿真器 建成了。

虽然 拉斐尔 库目前尚未处于主动开发阶段,它已经拥有了创建所需内容所需的一切,毫无疑问,它使SVG编码比使用常规SVG语法更容易。

7。 Knockout.js

如今围绕着如此多的竞争成为UI框架并不容易,但是 Knockout.js 有点特别的东西。 通过交互式教程,学习曲线变得平坦。 除此之外,它是一个功能强大且灵活的框架,压缩到60KB的大小。

尽管它的体积很小,但它可以让您对DOM元素进行大量控制,并且可以快速轻松地构建完全交互式的响应式网站。

JavaScript也不错

许多针对JavaScript的蔑视是它早期的遗产,当时它肯定不完美,并且不幸的是决定错误地将它的名字永久地与Java结合。

快速掌握JavaScript,你会发现它是一种强大的面向对象语言,非常适合非常容易地开发在线和离线应用程序。 对于大多数语言来说,这不是可以说的。

甚至Java也需要更多的努力,即使它为您提供了许多预定义的跨平台工具。

上面列出的工具只有七个非常有用的工具,你可以选择数以百万计的调色板。 它当然是一种有用的语言,可能是最好的语言,因为它提供了最多的机会。

标题图片由...提供

波格丹兰萨

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