Tutorialzine 每一月单厢发布一场次月追加的 JS 和 CSS 库。2018 圣诞节之时，该网站重新整理出了 2017 年倍受采用者热烈欢迎和钟爱的许多 JS 和 CSS 库，供我们自学和参照。

JavaScript 邻近地区储存库 localForage

半条命：https://www.oschina.net/p/localforage

localForage 是两个 JavaScript 库，提高了插件的app新体验，透过采用触发器的统计数据储存，提供更多单纯的类似于 localStorage 的 API，容许开发人员储存各种类型统计数据。

CSS3 驱动力的动画电影慢速库 AOS

半条命：http://www.oschina.net/p/animate-on-scoll

AOS（Animate on scroll）是较大型动画电影慢速库，可在网页慢速时给原素加进动画电影效用。CSS3 驱动力，效用近似于 WOWJS。

积极响应式电子邮件标识语言 MJML

半条命：https://www.oschina.net/p/mjml

MJML 是两个标识语言，用以增加撰写积极响应式电子邮件的维数。其句法句法在展现多样电子邮件文本时更为单纯和简单。该工程项目提供更多两个开放源码的发动机用以将 MJML 标识语言转成 HTML。

如前所述插件的代码GUI Monaco-Editor

半条命：http://www.oschina.net/p/monaco-editor

Monaco Editor 是谷歌开放源码的如前所述 VS Code 的代码GUI，运转在插件自然环境中。GUI提供更多代码提示信息，智能化提议等机能。供开发人员远距更方便快捷的撰写代码。

Web VR架构 A-Frame

半条命：http://www.oschina.net/p/a-frame

A-Frame 是 Mozilla 开放源码的网页VR新体验（ WebVR ）架构，可用于桌面、iPhone（即将支持安卓）以及 Oculus Rift。A-Frame 可以让创建 WebVR 新体验变得更单纯。 

Web 前端 UI 架构 Bootstrap 4

半条命：http://www.oschina.net/p/bootstrap

Bootstrap 4 带来了许多变化和新特性，包括如前所述 flexbox 的网格系统，新的和重新定义的组件，以及更快的 ES6 JavaScript 插件。 另两个很酷的新机能是自动布局模式。 它容许开发人员忽略列的大小，可自动分配该行中的空间。

前端代码格式化工具 Prettier

半条命：http://www.oschina.net/p/prettier

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

GPU 加速的 JavaScript GPU.js

半条命：

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

HTTP 客户端 R2

半条命：

这是两个更轻量级的 HTTP 客户端解决方案，它建立在插件原生的 Fetch API 的基础之上，并为 Node.js 提供更多优化。 

控制 headless Chrome 的 Node.js API：Puppeteer

半条命：http://www.oschina.net/p/puppeteer-nodejs

Puppeteer 是两个控制 headless Chrome 的 Node.js API 。它是两个 Node.js 库，透过 DevTools 协议提供更多了两个高级的 API 来控制 headless Chrome。它还可以配置为采用完整的（非 headless）Chrome。

跨插件的桌面通知插件 Push.js

半条命：http://www.oschina.net/p/push-js

Push.js，是一款跨插件的Javascript桌面通知插件。这个通知API容许在当下流行的插件上采用，像Chrome, Safari, Firefox,和IE 9+。可以推送两个通知到采用者桌面。如果采用者的插件不支持这个新的API，会回滚到采用旧的实现方式。

模块化拖放库 Draggable

半条命：https://shopify.github.io/draggable/

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

较大型 vanilla JS 工程项目 Card

半条命：https://github.com/jessepollak/card

Card 是两个较大型的 vanilla JS 工程项目（带有两个 jQuery 版本），让信用卡表格更为有趣。

模块绑定器 Webpack

半条命：http://www.oschina.net/p/webpack

Webpack 是两个模块绑定器，主要目的是在插件上绑定 JavaScript 文件。

机器自学 JavaScript 库 DeepLearn.js

半条命：http://www.oschina.net/p/deeplearn-js

DeepLearn.js 是 Google 推出的两个可用于机器智能化并加速 WebGL 的开放源码 JavaScript 库，完全在插件中运转，不需要安装，不需要后端处理。

Node.js CMS 和 Web 插件平台 KeystoneJS

半条命：http://www.oschina.net/p/keystonejs

KeystoneJS，以 Express 和 MongoDB 为基础搭建的 Node.js CMS 和 Web 插件平台。

在 Web 应用中创建 Poppers：Popper.js

半条命：http://www.oschina.net/p/popper-js

Popper.js 是用以在web应用中创建Poppers的库。

JavaScript GraphQL 客户端 Apollo Client

半条命：http://www.oschina.net/p/apollo-client

Apollo Client 是两个全机能的 GraphQL 客户端，用于 React 、Angular 的交互。容许你轻松透过 GraphQL 获取统计数据并构建 UI 组件。

跨插件的 css3 动画电影库 Animate.css

半条命：http://www.oschina.net/p/animate-css

Animate.css 是两个有趣的，跨插件的 css3 动画电影库，内置了很多典型的 css3 动画电影，兼容性好采用方便快捷。

给程序员的 2018 圣诞节计划清单

程序员的春节正确打开方式：防火防盗防老板...

25 副为程序员定制的对联，祝我们除夕快乐！

深入了解 Token 认证的来龙去脉

大型高并发与高可用的三层缓存架构总结