动画库
如果想页面制作的好看,动画效果一定是少不了的。所以必须推荐动画插件。
-
Animate.css 纯css的动画库,所以无论你前端使用什么框架,都可以非常方便的使用它,内置了超多的动画效果,并且预览起来也非常方便。
网址: Aanimate.style
常用效果组件
介绍了一些UI组件库,组件库的组件大而全,但精细程度有时候是不够的,所以有时候我们还需要一些小而精的专属组件。
-
Swiper:轮播图组件这个提供的轮播图效果太多了,中文文档齐全,还有交流QQ群。支持原生、JQuery、Vue、React、Angular等,任何前端开发场景中使用。而且还有PC端和移动端。
网址: Swiper
-
Mescroll.js:滚动插件,移动端的滚动经常会出现不流畅,延迟等问题。我也尝试着去使用了很多大神些的滚动插件,多方比较,我选定了这款插件。他是基于H5的,不依赖来与其它前端框架,侵入性很小,实用性很大。如果你在滚动中遇到了问题,可以使用这个插件来解决。
网址: Mescroll
工具类轮子
开发中除了界面的制作,也需要一些工具类的轮子,下面就介绍一下我开发中使用的一些工具类轮子。
-
Lodash.js:是一个一致性、模块化、高性能的JavaScript实用工具库。这个函数库可以在原生JS中使用,也可以在React和Vue中使用。几乎你开发中所有的函数,这个库都给你写好。你需要作的就是熟练和恰到好处的使用。
网址: Lodash
-
Day.js:它是一个极简的JavaScript库,可以为你很好的验证、操作和显示日期和时间。
网址: Day
-
Echarts:数据可视化: 我们公司的所有数据可视化插件都使用的这个组件库,可以满足企业级开发的需求。这个也算是国内最好的可视化开发组件库了。
网址: Echart
-
Editor:编辑器,作为程序员,编写Markdown格式的文档已经是必会技能了,所以如果是为程序员开发的应用和网站,一定要支持Markdown功能。我在选择Markdown编辑器时踩了很多坑,最终才找到了这款好用的组件。
网址: Editor
-
validator.js:这个组件我想大部分人都用过,因为无论时用户端,还是管理端前台开发验证都时必须的,无论是公司,还是个人。我都一直在使用这个验证插件。
网址: Validatorjs
-
vue-draggable:Vue拖拽组件, 用于现在开发的应用都需要有移动端,所以拖拽操作越来越多了,它是我目前看到的基于Vue的最好拖拽组件。
网址: vue-draggable
-
vue-qr:Vue生成二维码,如果你需要生成二维码,用这个组件绝对没错,公司的项目一直在使用,可以方便快捷的生成任何形式的二维码。包括彩色和自定义样式。
网址: vue-qr
-
vue-cropper:Vue图片剪裁无论开发任何应用,都需要用户上传图片。但又为了保持页面的一致性,所以要对上传的图片,安装设计规范,进行裁切。这时候你就可以使用这个组件了。
网址: vue-cropper
-
vue-lazyload:图片懒加载其实很多UI组件库已经有这个图片懒加载的给功能了,但是还是单独提出来一下,因为它不会和其它Vue组件库冲突,而且功能更多。
网址: vue-lazyload
-
vue-simple-upload:Vue上传组件,上传也是我们绕不开的开发需求,所以你必须拥有一个完全好用的上传组件。它非常好用,但缺点是没有官方网站,只有一个Github地址。
网址: vue-lazyload
Slidev
Slidev 是一个可以将 Markdown 转换为 PPT 的工具,用技术来提高效率。
Star数量:17.6K
在线DEMO:stackblitz.com/edit/slidev…
Tauri
Tauri 是一个用于为所有主流桌面平台构建微小、快速二进制文件的框架。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架,以构建所需的用户界面。应用程序的后端是一个 rust 的二进制文件,及带有一个前端可以与之交互的 API。
相比 Electron,它摒弃了 Chromium 和 Nodejs,使用了操作系统的 webview,所以打包后体积更小。
Star数量:27.7K