阅读 4312

【译】15个有趣的JS和CSS库(2018.7)

Tutorialzine每月都会给我们精心挑选优秀的web开发资源,这些资源可以帮助我们解锁最新和最炫酷的网络开发姿势。前端er,让我们一起先睹为快吧!

Polly.js

polly是一个用于记录,重放和模拟HTTP交互的开源库。它提供了一套完善且易用的API来拦截、修改和附加事件,并更改配置来加快或减慢请求响应时间。并且使用Polly记录的HTTP交互历史可以保存到浏览器的localstorage或本地存储中。

react-easy-crop

一个通过简单的交互来裁剪图像的React组件,它非常易于使用,支持拖动和缩放交互,提供了像素和百分比的裁剪方式。你可以使用任何图像格式(jpeg,png,gif)。并且该组件支持移动端开发。

Cirrus

用于创建耳目一新且响应式web应用的CSS框架。它提供了创建漂亮的交互式设计所需的所有组件 - 按钮,表单,动画,表格,页眉,页脚等等。该框架非常轻量-你可以只选取应用所需的组件文件,而且可以自定义-所有组件可使用CSS设置样式,该框架兼容所有的现代浏览器。

repaintless

Repaintless.css是一款轻量级高性能的CSS3动画库。极易应用且内置了大量动效(fade-in, fade-out, rotate, pulse, slide )等等。可以通过更改scss变量(文件)来轻松定制动画。

spritejs

Sprite是一款跨平台2D渲染对象模型,为图形创建类似于DOM的对象模型,因此我们可以像创建DOM元素一样创建Sprite元素,并将它们渲染到Cavans画布上。支持服务端渲染,高性能的缓存策略,可扩展的事件机制。

Three Dots

Three Dots是一个CSS库,由三个点创建的有趣加载特效。内置了大量的的动画,而且可以通过scss变量来轻松定制(颜色,宽度,高度,间距等)。

RModal.js

Rmodal.js是一个简单且高性能的模态对话框。非常轻量(仅1.2KB),没有外部依赖性。对Bootstrap和Animate.css友好。支持ES modules, CommonJS并兼容IE9以上版本的所有现代浏览器。

Jest

它是一个用于JavaScript代码的测试工具。零配置,开箱即用。使用并行测试来最大化性能,内置的代码覆盖率报告并支持TypeScript或任何其他编译到JavaScript的语言。

Boxicons

一个很棒的开源图标集,包含400多个图标。您可以使用自定义类来设置图标的样式(更改大小,添加边框和动画,旋转或翻转)。此图标集中收藏了各式各样的图标,你很有可能找到你心仪的图标。

Web-Maker

Web Maker是供前端使用的离线编辑器。它内置了一个控制面板,可以方便的添加JS和CSS库,并支持HTML,CSS和JavaScript预处理器,项目的导入和导出,并能一键完成在CodePen中共享。

Odometer

Odometer是一个用来创建平滑的数字变换的组件库(Javascript和CSS)。轻量,高性能,所有动画采用CSS中transform实现。它支持Firefox,Safari,Chrome和IE8 +,并且在旧版浏览器上具有自动降级功能。

Gatsby

是一个快速生成静态站点的工具。支持所有最新的Web技术如React,Webpack,JavaScript和CSS。并具有丰富的插件支持,支持从任何来源导入数据。 Gatsby专注于构建快速,高性能的站点,而且部署过程非常简单。

Anime.js

Anime.js是一个非常轻量的JavaScript动画库,可以处理任意的CSS属性,以及SVG或DOM属性。提供了大量的可自定义功能接口,如链接和同步多个动画,播放,暂停和重新启动等等。

DataTables

一款开源jQuery插件,可以在HTML表单中添加高级功能。它内置了许多常用功能,如分页,过滤,根据列排序等等,用户可以从表中获取最多信息。它对移动设备友好,而且可扩展和具有对多语言支持特征。

Shave

Shave是一个零依赖、轻量级的JavaScript插件,它用于截断多行文本,以适应基于max-height设定好的html元素,并将原始文本字符串存储在隐藏的元素中,以便你的文本能够完整地保留在页面中。Shave非常轻量(1.5k),不依赖任何库并且能与其他javascript库兼容。

写在最后

周末看博客,突然想起这系列文章的以前作者好像已经很久没有更新了,刚好有看到这个系列,就想到译一下,如果大家有兴趣,欢迎大家留言。

原文:15 Interesting JavaScript and CSS Libraries for July 2018 - Tutorialzine

文章分类
前端