2017 年 3 月：15 个有趣的 JS 和 CSS 库

我们创办 Tutorialzine 的使命是让你及时的了解 Web 开发中最新、最酷的趋势。所以，每个月我们都会发布一些精心挑选的优秀 Web 开发资源，同时我们也相信，它们值得你的关注。

1. Propeller

Propeller 是基于

与谷歌的

的 CSS 组件框架。它包含了 25 个响应式组件，同时具备典型的 Material Design 动画。你可以将它作为 Bootstrap 的主题，或者完整的框架以及独立组件进行使用。

项目地址：【传送门】

2. BaguetteBox

BaguetteBox 是一个利用纯 JavaScript 编写的库，它可用于创建响应式灯箱画廊效果。它是轻量级的，可自定义设置，并支持移动端，同时它还自带了相应的 CSS3 过渡。

我们最近利用这个库制作了 4 个免费的 Bootstrap Gallery 模板包，我想我们已经喜欢上它了。

项目地址：【传送门】

3. Whitestorm

Whitestorm 是基于

引擎用来开发 3D Web APPS 和游戏的框架。它为许多常见的 Three.js 任务提供了简单的封装，使搭建环境、创建对象、添加物件等操作更加的简单。官方也提供了

，以及与

的工具，便于你迅速的开始工作。

项目地址：【传送门】

4. Animatelo

Animatelo 是流行的

库的接口，它利用

替代了 CSS 过渡，并将 Animate.css 库中的所有效果重现了出来。但它的 API 是基于 Javascript 方法的，而不是 CSS 类。同时，它也是轻量级的库，不依赖 jQuery，但在一些老版本的浏览器上或许要使用 polyfill。

项目地址：【传送门】

5. FuseBox

FuseBox 是一个用于 JavaScript 和 CSS 的打包程序，并具备用于 TypeScript，Sass 等的附加组件。它的设计理念是简单与性能，也为

提供了可行的替代解决方案。

为了让你快速开始，官方提供了 Angular 2 + TypeScript，React + Babel，Vue.js，Electron 和其他版本的快速示例教程。

项目地址：【传送门】

6. Yargs

Yargs 是使用 Node.js 构建功能齐全的命令行应用程序的框架。你可以轻松的配置命令、解析多个参数以及设置快捷操作方式。甚至，它还可以自动生成帮助菜单。

项目地址：【传送门】

7. WebGradients

WebGradients 收集了一系列漂亮的色彩渐变，你可以将它们轻松的应用在任何 HTML 页面上。你可以通过快速预览，或是全屏查看可用的渐变色，然后仅需要一键复制 CSS 属性，即可将它们应用到你的项目中去。

项目地址：【传送门】

8. Sticky-Kit

Sticky-kit 是一个 jQuery 插件，它可以将元素附加到页面上的某个区域，并使元素保持其边界。这样随着页面的滚动，在父容器中的特定元素将会保持始终可见。

项目地址：【传送门】

9. ScrollDir

ScrollDir 是一款超轻量的，不依赖 JavaScript 的库，用于监测 CSS 中的滚动方向。它可以察看滚动条的移动方向，并根据你选择的元素来切换上/下方向的数据属性。同时，它忽略了小的滚动动作，力求创造一个平稳的体验。

项目地址：【传送门】

10. Svgo

这是一个用于优化 SVG 文件的 Node.js 工具，它可以删除那些无用的 SVG 信息，例如编辑器元信息、注释、隐藏元素以及不影响渲染向量的其他属性。同时，它基于插件模式构建，所以你可以自由的选择想要删除的内容。

项目地址：【传送门】

11. Store.js

Store.js 是用于本地存储的跨浏览器解决方案。近期，它的 2.0 版本也已发布，在更新了许多功能的同时，增加了一些额外的功能，例如数组/对象操作以及改进了过期选项。

在上一期的每月 Web 开发资源列表中，我们为大家分享了一个名为 localForage 的库。它提供了许多与 Store.js 类似的功能，但是具有更多的 localStorage 类语法。喜欢的话，不妨来看看。

项目地址：【传送门】

12. Snarkdown

Snarkdown 是一个使用 JavaScript 编写的超简单的 Markdown 解析器。诚然，它不是最复杂或功能最全的解析器，但它可能是最容易实现的。

Snarkdown 只有 1kb 大小，且只有一种方法，使其成为速成项目的完美选择。

项目地址：【传送门】

13. Unfetch

是 XMLHttpRequest 接口的现代重制，它为开发人员提供了一种更好的处理异步请求的方法。虽然，它支持大多数现代浏览器，但是 fetch() 方法在 IE 中仍然不可用。

Unfetch 的出现便解决了 fetch() 方法在 IE 中不可用的问题，它提供了完整 fetch API 的子集，且 fetch polyfill 仅有 500 bytes。

项目地址：【传送门】

14. Scrollanim

Scrollanim 是用于滚动动画的 Vanilla JavaScript 库。由于内置的

依赖关系，Scrollanim 提供了大量的自定义选项，单独的 HTML 和 JavaScript API 以及超过 50 种流畅的动画效果。

项目地址：【传送门】

15. Neurojs

Neurojs 是一款用于在浏览器中进行深度学习 JavaScript 框架，它具备可以通过加强学习训练的全栈神经网络。

例如，该项目就展示了一个很酷的 Demo，其中自动驾驶汽车在 2D 环境中学习导航。

项目地址：【传送门】

感谢你的阅读。

注：

1. 本文版权归原作者所有，仅用于学习与交流。
2. 如需转载译文，烦请按下方注明出处信息，谢谢！

英文原文：15 Interesting JavaScript and CSS Libraries for March 2017
作者：Danny Markov
译者：IT程序狮
译文地址：http://www.jianshu.com/p/879be1dcbec6