来源：开源最前线 猿妹编译

链接：https://tutorialzine.com/2017/12/the-best-javascript-and-css-libraries-for-2017（点击尾部阅读原文前往）

前不久，Tutorialzine 整理出了 2017 年最受用户欢迎和喜爱的一些 JS 和 CSS 库，供大家学习和参考。下面我们一起来看看都有哪些：

1、localForage

用于indexedDB和WebSQL的封装程序，能够让你的Web应用程序存储更多数据，并提升应用程序的离线体验。写入和读取操作与localStorage类似，支持 BLOB 和任意类型的数据，可以存储图片，文件等等，而不仅仅是字符串。它还提供多种API，使开发人员可以选择回调的异步API。

2、AOS

AOS 是一个用于在页面滚动的时候呈现元素动画的工具库，和 WOWJS 类似。但是AOS是 CSS3 动画驱动的库，该库是高度可定制的，非常小，易于使用（通过CDN安装）。在页面往回滚动时，元素会恢复到原来的状态，如此达到循环动画的效果。

3、MJML

MJML是一种简单的类似于XML的语言，它提供简单的标记语法和各种可以编译为电子邮件友好的HTML的程式化组件。其语义语法在展示丰富邮件内容时更加简单和直观，帮助开发者减少编写响应式邮件的复杂度。

4、Monaco-Editor

Monaco-Editor是微软开源的基于Visual Studio Code的Web代码编辑器。Monaco-Editor能够突出显示多种语言，多种游标，键盘快捷键等等。Monaco-Editor是开源的，因此它可以用来为你能想到的任何编辑器项目提供支持。

5、A-Frame

A-Frame 是 Mozilla 开源的网页虚拟现实体验（ WebVR ）框架。能够在HTML中创建3D场景的框架，使用Three.js和WebGL来创建VR场景。可用于桌面、iPhone（即将支持安卓）以及 Oculus Rift。

6、Bootstrap 4

Bootstrap 4为我们带来了许多变化和新特性。新版本的框架带来了很多重大变化，包括基于flexbox的网格系统，新的和重新设计的组件，以及更快的ES6 JavaScript插件。另一个很酷的新功能是自动布局模式。它允许开发人员忽略列的大小，使他们自动分配该行中的空间。

7、Prettier

Prettier是一个 JavaScript格式化程序，受到来自ES2017，JSX和Flow的语言功能的高级支持的启发。它删除所有原始格式并确保所有输出的JavaScript符合一致的风格。

8、GPU.js

用于在GPU中运行浏览器JavaScript代码的库。使用GPU.js，您可以通过将专门编写的JS编译成可通过WebGL在GPU上运行的着色器语言来更快速地执行复杂的计算。如果WebGL不可用，则函数将回退到常规JavaScript。

9、R2

这是一个更轻量级的 HTTP 客户端解决方案，它建立在浏览器原生的 Fetch API 的基础之上，并为 Node.js 提供优化。压缩后的R2大小只有16K。

10、Puppeteer

Puppeteer是一个Node.js API，用于控制 headless Chrome。由 Google官方的 Chrome DevTools 团队维护。在headless环境中，开发者可以生成网页截图或者 PDF ，通过Puppeteer的提供的api直接控制Chrome模拟大部分用户操作来进行UI Test或者作为爬虫访问页面来收集数据。

11、Push

Push是一款可靠的跨浏览器的JavaScript桌面通知库。它基于强大的Notification API，如果用户的浏览器不支持新API，则会回退到较早的实现。

12、Draggable

Draggable是一个简单易用的模块化拖放库。它通过快速DOM重新排序，干净的API和可访问的标记提供了出色的拖放功能。Draggable附带额外的模块，可以添加更多的功能，如排序，交换和其他实用程序。

13、Devices.css

Devices.css 是一个使用纯 CSS 实现移动设备的库。它包含了一些目前主流的移动设备，如 iPhone X，Google Pixel 2 XL 和三星Galaxy S8。由于其高品质的设计，可用于着陆页面或者网页快照。

14、Card

Card是一个小巧的vanilla JS项目（带有jQuery版本），可以让你的信用卡表格变得更加有趣生动。快速安装后，将采取您的表格，并将其转换为一张动画的信用卡。

15、Webpack

webpack 是一个模块绑定器，主要目的是在浏览器上绑定 JavaScript 文件。在过去几年中，它已成为大多数开发人员的首选javascript打包程序。它可以创建单个或多个在运行时异步加载的块，具有高度模块化的插件系统，并允许高级代码分割。

16、Deeplearn.js

Deeplearn.js是一个开放源代码库，可将高性能机器学习构建模块带入网络。它提供了两个API，即时执行模型和延期执行模型。它可以完全在浏览器中运行，不需要安装，不需要后端处理。

17、KeystoneJS

KeystoneJS是一个功能强大的CMS框架，基于Express和MongoDB构建，它提供了一个漂亮的管理用户界面，实用的API应用程序，会话管理，电子邮件发送，扩展等等。

18、Popper.js

Popper是一个JavaScript库，它提供了大量的定制选项，并且完全模块化，每个功能都有独立的插件。不需要依赖 jQuery 库，大小仅为 3.5KB 左右，使用与配置相当简单，Twitter，WebClipper中的Microsoft以及AtlasKit等大企业都在使用

19、Apollo Client

Apollo Client是一款全功能的GraphQL客户端，用于 React 、Angular 的交互。压缩的大小还不到25K。

20、Animate.css

Animate.css是一个跨浏览器的CSS动画库。它非常易于使用，并提供大量不同的动画效果，如反弹，脉冲，摆动，淡入淡出，翻转等等。它可以用于在任何你喜欢的地方添加一些很酷和有趣的动画效果。