欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-21 17:50:03
我们的使命是让您了解最新和最酷的web开发趋势。这就是为什么我们每个月都会发布一些精选的资源,这些资源是我们偶然发现并认为值得您关注的。 1.cube.js 强大的开源框架,用于...

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

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

1.cube.js

强大的开源框架,用于开发复杂的定制分析。由前端sdk和一个后端api组成,该后端与大多数(包括mysql、postreges和mongodb)可以一起工作。

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

2.water.css

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

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

3.editor.js

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

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

4.stepper

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

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

5.dropcss

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

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

6.twemoji

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

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

7.react loadcon

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

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

8.indigo player

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

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

9.html2canvas

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

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

10.choices

轻量级库,用于制作高度可自定义的选择框、文本区域和其他输入表单。类似于select2和selectize,但没有依赖jquery。
10个有趣的javascript和css库(2019年最新)-CSS技术学习-SegmentFault思否