15个不错的外部库

481 views

Offline.js

Offline.js是一个离线的库,用于处理网络连接问题。它可以提醒用户掉线了,并将掉线之前未发出的AJAX请求记录下来,在网络连接恢复之后再次发起请求。这个库的UI很简洁,提供了多个主题可选。

链接地址:http://github.hubspot.com/offline/docs/welcome/

Algolia Places

Algolia Places可以根据用户输入的内容自动联想出地名。它内置了一个排名机制,会优先联想出最贴切的地名。同时,它还能够识别出拼写错误,可以明白用户真正想输入的是什么。 Algolia Places非常简单易用,可以帮助开发者节省很多时间。

链接地址:https://community.algolia.com/places/

Please.js

带有很多高级功能的随机颜色生成器。它默认从预定义的颜色中随机选取出几种颜色,并保证这些颜色搭配起来既美观又实用。它还支持对颜色、饱和度和色调等等属性的自定义,非常方便实用。

链接地址:http://www.checkman.io/please/

Holmes

Holmes可以帮助你快速的查找和筛选出页面中的元素。它以某一个输入框的内容作为查询依据。包含该内容的元素会显示,而不包含的则会被隐藏。

链接地址:https://haroen.me/holmes/

Monkberry

一个轻量、快速的模板引擎库。模板内容编写在.monk后缀名的文件中并通过JS来进行编译。当输入数据发生改变时,它只会修改变更的数据涉及的元素,而不会刷新整个页面,因此执行速度非常之快。

链接地址:http://monkberry.js.org/

Zingtouch

Zingtouch是一个手势检测的库,支持点击、轻扫、缩小、放大、旋转和拖拽6个手势操作。同时它还支持对预定义手势的修改和自定义手势。

链接地址:https://zingchart.github.io/zingtouch/

Blaze CSS

用于创建响应式布局的样式库。得益于它高度模块化的特点,开发者可以选择使用哪部分不使用哪部分。它提供了类似于Bootstrap的栅格系统并支持一些漂亮的过渡动画。

链接地址:http://blazecss.com/

Anime.js

一个JavaScript动画库,体积小巧而功能强大,同时提供了多种定制选项。它提供了多种动画的实现方法,包括CSS transform和SVG等等,开发者可以根据需要选用。

链接地址:http://anime-js.com/

Minigrid

Minigrid致力于简化瀑布流栅格的实现方法。开发者只需编写HTML页面和一些简单的js代码即可。它会创建一个响应式的瀑布流栅格系统来保持最佳的显示效果。

http://minigrid.js.org/

Chocolat.js

一个用于创建图片浏览器的jQuery插件。Chocolat体积很小,兼容多款浏览器,有着丰富的功能。

http://chocolat.insipi.de/

Stretchy

Stretchy不依赖于任何其他库,可以根据用户的输入来自动调整表单的大小。所有文本输入框都支持根据文本大小来调整输入框的大小。它的API易于使用,并且有着很好的浏览器兼容性。

链接地址:http://leaverou.github.io/stretchy/

Shine.js

Shine.js可以根据用户光标的位置来生成动态的阴影效果。页面的每一个元素都可以应用这些阴影效果。

链接地址:http://bigspaceship.github.io/shine.js/

BackgroundCheck

BackgroundCheck可以根据元素的背景图片来调整元素的亮度,从而达到最佳的视觉效果。

链接地址:http://www.kennethcachia.com/background-check/

Logerr

Logerr可以改善你的开发体验。它能够把控制台的错误信息进行处理,变得更加详细易懂。另外,它还可以将错误信息发送到用户指定的url来辅助开发工作。

链接地址:https://i-break-codes.github.io/logerr/

Bigfoot

一个jQuery插件,可以把脚注的内容转换为一个弹出式工具栏。它提供多个定制选项来自定义工具栏的样式和功能。另外,这个工具栏是支持响应式的,可以在不同屏幕大小的设备上保持最佳的显示位置。

链接地址:http://www.bigfootjs.com/

如果您觉得这篇文章对您有帮助,欢迎继续关注本站!!!我要赞助本站>>>

2 comments

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注