在即将过去的2017年，我们几乎每月都会给大家收集和整理一些流行的Js和Css框架和库，便于大家了解最新的前端潮流。2017年马上就要接近尾声了，在此我给大家准备了10个2017年非常出色的js和css库。

localForage

用于indexedDB和WebSQL的封装程序，可以提高Web应用程序在本地存储数据以便脱机使用的能力。 读写操作与localStorage类似，但是可以保存许多类型的数据，而不是只保存字符串。 它还提供了一个双重API，使开发人员可以选择使用回调或promises。

AOS

AOS是一个CSS库，允许您添加滚动动画效果。 该库是高度可定制的，非常小，易于使用（通过CDN安装），最重要的是性能良好，这可能是其他动画库上的问题。

A-frame

这是个可以让你创造虚拟现实体验的库，只使用良好的网络技术。 在用HTML创建你的3D世界之后，A-frame将把它分成两个屏幕，两个屏幕的视角稍有不同。 现在，您可以使用Google Cardboard或其他试听设备在您的手机上运行演示程序，享受VR乐趣。

Bootstrap 4

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

r2

这是流行的Node.js请求库的更新版本。 这是一个更轻量级的HTTP客户端解决方案，它建立在浏览器原生的Fetch API的基础之上，并为Node.js提供优化。 当压缩R2的大小只有16K，相比请求的约500K的足迹。

Push桌面通知

Push是管理JavaScript桌面通知最快的库。 它基于强大的Notification API，同时也是一个可靠的跨浏览器解决方案，如果用户的浏览器不支持新的API，则可以回到旧的实现。 仔细看，你可以检查我们的最简单的方法来显示浏览器通知教程。

Draggable

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

Devices.css

展示使用纯CSS创建的现代移动设备的图书馆。 它包括一些最受欢迎的移动设备，如iPhone 8，iPadPro，MacBook和三星Galaxy S8。 设计优雅，高品质，可用于登陆或截图页面。

Webpack

Webpack是一个功能强大的开源模块打包器和预处理器，可以处理各种各样的任务。 在过去的几年中，它已经成为大多数开发人员的首选javascript打包程序。 它可以创建在运行时异步加载的单个包或多个块，具有高度模块化的插件系统，并允许高级的代码分割。

Deeplearn.js

Deeplearn.js是一个开放源码的库，可以将高性能的机器学习构建模块带入网络。 它提供了两个API，即时执行模型和延期执行模型。 这个库可以用于教育，模型理解和艺术项目。