推荐几个有意思的 JavaScript 和 CSS 库,效果挺好的,如果你作为前端开发工程师,这些内容还不知道,就有点吃亏咯。
Direction Reveal (方向展示)
该插件检测光标进入或离开块时的方向,允许你使用各种酷炫特效和过渡。它提供了一些开箱即用的CSS动画,让你可以轻松创建自己的CSS动画。
Carbon
Аxios
Axios为处理HTTP请求提供了一个现代化的JavaScript解决方案。它有一个基于Promise的API,在处理async调用时使你的代码更加结构化。该库可以在浏览器中工作,也可以在node.js环境中工作。
Jarvis
一款基于Webpack仪表板的智能浏览器,它可以给你显示你在webpack构建所需的所有重要信息。它向你展示了你的资源在12种不同的连接类型中的表现如何,你项目中所有包的大小,并拥有一个漂亮的错误输出。它仍处于beta版本,预计会增加许多新功能。
Toast UI编辑器
这是一个markdown和WYSIWYG编辑器,允许你在编码时轻松地在markdown和所见即所得模式之间切换。它提供了渲染后HTML的实时预览,即时语法错误检查以及markdown和预览模式之间的同步滚动。该编辑器还支持强大的扩展,如颜色选择器、图表代码块、UML代码块等。
Micron.js
Micron是一个允许你为DOM元素添加不同的CSS增强动画的库。其中交互可以通过HTML数据属性或通过链接JavaScript方法来设置速度、消除和其他选项来控制。它支持不同的交互,如摇晃、褪色、反弹、摇摆(shake, fade, bounce, swing)等等。
lit
Lit是一个非常小和响应式CSS框架。它包含12列响应式网格、不同的排印风格、自定义输入、三种按钮类型以及CSS框架应该提供的所有功能。Lit适用于所有现代浏览器,以及IE11等一些较旧的浏览器
Minimal Mistakes
Minimal Mistakes是一个灵活的双列Jekyll主题,可用于个人网站、博客及其若干组合。它是完全可定制的,100%响应式的和针对搜索引擎优化的。它具有九种不同的颜色变化,几种响应式布局以及大量内置和可随时使用的组件。
Tachyons
使用Tachyons,你可以制作漂亮且响应速度快的界面,并且几乎不需要CSS。它很容易使用和定制,移动优先,并能很好地与React、Ember、Angular和其他框架配合使用。更重要的是,它非常轻量级,并且具有非常详细的文档,你可以在其中找到所需的一切。
更多网页前端开发,行业资讯,面试技巧,欢迎关注公众号:网页前端开发学习 搜索公众号:qdkfmiji
网友评论