【译】15个有趣的JS和CSS库（2018.7）

时间 2019-11-16

标签有趣 css 2018.7 栏目 JavaScript 繁體版

原文原文链接

Tutorialzine每个月都会给咱们精心挑选优秀的web开发资源，这些资源能够帮助咱们解锁最新和最炫酷的网络开发姿式。前端er,让咱们一块儿先睹为快吧！javascript

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

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

用于建立耳目一新且响应式web应用的CSS框架。它提供了建立漂亮的交互式设计所需的全部组件 - 按钮，表单，动画，表格，页眉，页脚等等。该框架很是轻量-你能够只选取应用所需的组件文件，并且能够自定义-全部组件可以使用CSS设置样式，该框架兼容全部的现代浏览器。前端

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

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

Three Dots是一个CSS库，由三个点建立的有趣加载特效。内置了大量的的动画，并且能够经过scss变量来轻松定制（颜色，宽度，高度，间距等）。git

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

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

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

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

Odometer是一个用来建立平滑的数字变换的组件库（Javascript和CSS）。轻量，高性能，全部动画采用CSS中transform实现。它支持Firefox，Safari，Chrome和IE8 +，而且在旧版浏览器上具备自动降级功能。

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

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

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

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

周末看博客，忽然想起这系列文章的之前做者好像已经好久没有更新了，恰好有看到这个系列，就想到译一下，若是你们有兴趣，欢迎你们留言。

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