10个有趣的javascript和css库（2019年最新）-CSS技术学习-SegmentFault思否

我们的使命是让您了解最新和最酷的Web开发趋势。这就是为什么我们每个月都会发布一些精选的资源，这些资源是我们偶然发现并认为值得您关注的。

1.Cube.js

强大的开源框架，用于开发复杂的定制分析系统。由前端sdk和一个后端API组成，该后端与大多数数据库（包括mysql、postreges和mongodb）可以一起工作。

2.Water.css

只需添加CSS框架即可应用样式，无需定义元素类。只需通过cdn将其包含在您的项目中，您的所有页面将自动变化。包括明暗主题，可通过SCSS定制。

3.Editor.js

以JSON格式输出数据的富文本和媒体编辑器。它是完全模块化的，由“块”组成，这意味着每个结构单元都是它自己的块（例如段落、标题、图像都是块），用户可以轻松地编写自己的插件来进一步扩展编辑器。

4.Stepper

非常好的数字步进控件，非常适合上/下式的增减控制或其他计数器控件。点击箭头会产生非常帮的动画与光滑的CSS效果。

5.DropCSS

彻底的CSS清理程序，它将获取HTML和CSS，并只返回实际使用的样式。它删除所有未使用的样式块、重复的选择器、@keyframes等等。高度优化，速度极快。

6.Twemoji

Twitter团队提供的强大表情符号库，在所有平台上提供标准的Unicode emoji支持。有了超过3000个emojis和一个稳定的API，当你想将emojis添加到你的应用程序中时，它是一个完美的解决方案。

7.React LoadCon

React组件，允许您使用一系列动态生成的图像来使网站的favicon图标产生动画。这个效果可以用作进度或加载指示器，也可以作为一个很酷的小动画，使您的页面脱颖而出。

8.Indigo Player

高度扩展，现代的javascript视频播放器。支持MPEG-Dash / HLS / MPEG-4，并构建在HTML5视频元素之上。视频播放器具有开箱即用的功能，如字幕、缩略图、质量选择等。高度可扩展、现代化，并为大多数流行的视频格式和编解码器提供支持。

9.html2canvas

这个很酷的脚本获取页面中的元素和样式，并通过呈现DOM的副本来获取“屏幕截图”。由于屏幕截图是基于DOM的，它们可能不是100%准确，但是本库仍然是调试和自动化测试的一个很好的工具。

10.Choices

轻量级库，用于制作高度可自定义的选择框、文本区域和其他输入表单。类似于select2和selectize，但没有依赖jquery。