针对Web开发人员的十个有用的JavaScript库和jQuery插件

无论您是新手前端设计师还是经验丰富的Web开发人员,我们每个人都面临着这样的情况:我们编写数百行代码,但似乎没有按预期运行。 如果您有使用JavaScript和jQuery的经验,那么您可能会了解找到一个无意间遗留下来的简单错误是多么麻烦。

因此,我们转向预编码的库和插件。 这些实用程序通过简单地将它们包含在我们的程序中来帮助我们解决一些特定的问题。 它们是为解决开发人员经常遇到的问题而制作的。 最好将它们添加书签或下载到本地文件夹中以备将来使用。 本文介绍了十个最好的JavaScript库和jQuery插件,它们是为解决网站界面中一些最常见的任务而开发的。

#1 jQuery文件上传

针对Web开发人员的十个有用的JavaScript库和jQuery插件_第1张图片

顾名思义,jQuery File Upload是一个jQuery插件,用作网页中用于上传文件的小部件。 此插件的一些最佳功能是同时上传多个文件,进度条显示,从桌面拖放,上传的取消和继续,上传时的图像预览等。此插件还支持分块上传,这意味着较大的文件可以上传到较小的部分。 它与任何服务器端平台(如PHP,Ruby,Python,Node.js等)兼容。

源代码

#2理想形式

针对Web开发人员的十个有用的JavaScript库和jQuery插件_第2张图片

Ideal Forms是用于构建HTML5兼容表单的jQuery插件。 它支持表单验证,可自定义的输入类型(选择,文件,单选和复选框),键盘支持,本地化,使用jQuery UI的自定义日期选择器(后备)。 此插件可在Google Chrome,Opera,Firefox,IE8 +,iOS5 +和Android 4.0+浏览器上使用。

源代码

#3形式手风琴

针对Web开发人员的十个有用的JavaScript库和jQuery插件_第3张图片

Form Accordion是一个jQuery插件,用于有条件地隐藏和显示相关字段。 在为广泛的受众构建表单时,此插件可以为您节省大量时间。 如果在当前字段中选择了特定值,则可以添加条件以指定下一个要显示的字段。

源代码

#4 TextExt插件

针对Web开发人员的十个有用的JavaScript库和jQuery插件_第4张图片

TextExt插件还是jQuery插件,可让您轻松地用建议填充HTML文本字段。 当您开始在文本输入字段中输入内容时,此插件将向您显示一组与您输入的内容相匹配的预定义建议。 TextExt是使网页搜索更快的好工具。

源代码

#5 Sisyphus.js

针对Web开发人员的十个有用的JavaScript库和jQuery插件_第5张图片

Sisyphus.js是一个脚本,可帮助访问者在浏览器中本地存储表单数据。 当您填写较大的表格时,突然间您意外地按下了浏览器的关闭按钮,此脚本便可以解决。 该脚本将在您下次重新加载页面时自动为您填写表格。 Google Chrome 4 +,Firefox 3.5 +,Opera 10.5 +,Safari 4+和IE8 +支持此脚本。 对于旧版本的IE(6和7),必须先加载jStorage,然后再加载Sisyphus.js。

源代码

#6 jQuery信用卡验证器

针对Web开发人员的十个有用的JavaScript库和jQuery插件_第6张图片

每次用户插入值时,jQuery信用卡验证器都会验证输入字段。 提供正确的号码后,它将识别卡并突出显示卡类型。 受支持的卡类型包括美国运通卡,激光卡,大莱卡,JCB卡,Discover卡,Maestro卡,万事达卡,Visa和Visa Electron。

源代码

#7 FTColumnflow

针对Web开发人员的十个有用的JavaScript库和jQuery插件_第7张图片

FTColumnflow是一个JavaScript库,可帮助Web设计人员修复CSS列布局的不足之处。 之所以这样命名,是因为它是由《金融时报》作为其网站布局项目的一部分开发的。 该库可帮助管理复杂的报纸/杂志样式布局,并具有许多重要功能,例如固定位置元素,可配置的列宽和边距,将列分组为页面,垂直和水平对齐等。FTColumnflow与Chrome 8 +,Safari 5+兼容,Firefox 10 +,iOS 5 +,Android ICS +,Playbook OS 2.0.1+和IE 10+浏览器。

源代码

#8 FitText.js

针对Web开发人员的十个有用的JavaScript库和jQuery插件_第8张图片

FitText是一个jQuery插件,用于在您的网站中实现自适应字体类型。 它会根据比例调整网站标题的大小。 它忽略字体大小,并使用minFontSize和maxFontSize使字体灵活。 如果您要构建响应式或流畅的设计,则可以使用此插件来调整标题的大小。

源代码

#9 money.js

针对Web开发人员的十个有用的JavaScript库和jQuery插件_第9张图片

money.js是一个JavaScript库,可让您的访客免费获得正确和更新的汇率。 它使用Open Exchange Rate API作为当前汇率的来源,但是它也具有一些功能,因此您可以更改来源。 您可以根据需要在任何框架,应用程序或语言中使用此库。 它不仅限于基于JavaScript的项目。 关于这个插件最好的是它不收取任何费用。 也没有速率限制!

源代码

#10 gmaps.js

针对Web开发人员的十个有用的JavaScript库和jQuery插件_第10张图片

通过这个名为gmaps.js的简单JavaScript库,可以充分利用Google Maps的功能。 它可以帮助您编写简单的代码行来指定所需的内容,其余的工作由脚本完成。 它可以定位区域,添加标记,显示路线并具有许多其他功能。 其中的一些功能包括折线,叠加层,GeoJSON多边形,高级路线,地理栅栏,融合表图层,KML和GeoRSS图层,叠加地图类型,街景全景图,地理位置和地理编码。 该库也有一个jQuery插件。 因此,如果您使用的是jQuery,则可以继续使用它而不会发生任何冲突问题。

源代码

结论

我们希望您会发现这些插件和库对您的工作很有用。 我们期待您的来信。 我们很快就会再提供另外十组有用的JavaScript库和jQuery插件。

From: https://www.sitepoint.com/10-useful-javascript-libraries-and-jquery-plugins-for-web-developers/

你可能感兴趣的:(javascript,移动开发,php,ViewUI)