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。