前端工具类js库(轮子)


  1. 函数库:lodash.js ,是一个一致性、模块化、高性能的JavaScript实用工具库。这个函数库可以在原生JS中使用,也可以在React和Vue中使用。几乎你开发中所有的函数,这个库都给你写好。你需要作的就是熟练和恰到好处的使用。

    网址:https://www.lodashjs.com/

  2. 函数库:Day.js , 它是一个极简的JavaScript库,可以为你很好的验证、操作和显示日期和时间。

    网址:https://dayjs.fenxianglu.cn/

  3. timeago.js,它是显示几小时之前,很多随时更新的网站和应用,为了显示出及时性,不再显示具体发布的时间,而是改为几分钟或者几小时前发布的。这样显着时效性更好。这个插件的作用就是这个。如果需要,请收藏好。

    网址:https://github.com/hustcc/timeago.js

  4. echarts 数据可视化: 我们公司的所有数据可视化插件都使用的这个组件库,可以满足企业级开发的需求。这个也算是国内最好的可视化开发组件库了。

    网址:https://echarts.apache.org/zh/index.html

  5. Markdown编辑器: Markdown ,作为程序员,编写Markdown格式的文档已经是必会技能了,所以如果是为程序员开发的应用和网站,一定要支持Markdown功能。我在选择Markdown编辑器时踩了很多坑,最终才找到了这款好用的组件。

    网址:https://pandao.github.io/editor.md/

  6. 表单验证:validator.js ,这个组件我想大部分人都用过,因为无论时用户端,还是管理端前台开发验证都时必须的,无论是公司,还是个人。我都一直在使用这个验证插件。

    网址:https://github.com/validatorjs/validator.js

因为我平时的开发,大多使用Vue进行,所以再躲分享几个关于Vue的常用工具组件。

  1. Vue拖拽组件 :vue-draggable, 用于现在开发的应用都需要有移动端,所以拖拽操作越来越多了,它是我目前看到的基于Vue的最好拖拽组件。

    网址:https://www.itxst.com/vue-draggable/tutorial.html

  2. Vue生成二维码:vue-qr 如果你需要生成二维码,用这个组件绝对没错,公司的项目一直在使用,可以方便快捷的生成任何形式的二维码。包括彩色和自定义样式。

    网址:https://www.npmjs.com/package/vue-qr

  3. Vue图片剪裁 : vue-cropper 无论开发任何应用,都需要用户上传图片。但又为了保持页面的一致性,所以要对上传的图片,安装设计规范,进行裁切。这时候你就可以使用这个组件了。

    网址:https://github.com/xyxiao001/vue-cropper

  4. 图片懒加载:vue-lazyload 其实很多UI组件库已经有这个图片懒加载的给功能了,但是还是单独提出来一下,因为它不会和其它Vue组件库冲突,而且功能更多。

    网址:https://www.npmjs.com/package/vue-lazyload

  5. Vue上传组件:vue-simple-upload 上传也是我们绕不开的开发需求,所以你必须拥有一个完全好用的上传组件。它非常好用,但缺点是没有官方网站,只有一个Github地址。

    网址:https://github.com/saivarunk/vue-simple-upload