作为一位优秀的白嫖党前端,必须了解的一些网站及插件

(持续更新中。。。)

1.ui框架

element-ui : https://element.eleme.cn/#/zh-CN/component/button

element-plus:https://element-plus.gitee.io/zh-CN/component/button.html

uview: https://www.uviewui.com/components/intro.html

antd: https://ant.design/index-cn

vant:https://vant-contrib.gitee.io/vant/v2/#/zh-CN/home

vuetify:https://vuetifyjs.com/zh-Hans/

swiper:https://www.swiperjs.net/

iview:https://iview.github.io/docs/guide/install

mint-ui:https://mint-ui.github.io/#!/zh-cn

wujie微前端框架:https://wujie-micro.github.io/doc/

2. 组件插件

各种轮播图:https://github.com/surmon-china/vue-awesome-swiper

可拖拽的网格布局:https://jbaysolutions.github.io/vue-grid-layout/

可拖拽列表:https://sortablejs.github.io/Vue.Draggable/#/simple

花里胡哨特效背景插件:https://troisjs.github.io/

网页实现导游插件:https://pulsardev.github.io/vue-tour/

富文本1:https://tiptap.dev/examples/default

富文本2:https://github.com/ckeditor/ckeditor5

富文本3:https://quilljs.com/docs/quickstart/

富文本4:https://www.tiny.cloud/docs/tinymce/6/full-featured-premium-demo/

富文本5:https://pandao.github.io/editor.md/

图片处理1:https://fengyuanchen.github.io/cropperjs/

图片处理2:https://fengyuanchen.github.io/cropperjs/

图片剪辑:https://www.npmjs.com/package/vue-cropper

滚动插件:http://www.mescroll.com/demo.html

数字滚动:http://panjiachen.github.io/countTo/demo/

电子签名:https://www.npmjs.com/package/vue-esign

更好的滚动条:https://www.npmjs.com/package/vue2-perfect-scrollbar

3.api插件

复制剪切:https://clipboardjs.com/

时间处理插件:https://dayjs.fenxianglu.cn/

货币及小数运算插件: https://currency.js.org/

css动画:http://www.animate.net.cn/

文件保存:https://www.npmjs.com/package/file-saver

MD5加密:https://www.npmjs.com/package/js-md5

vue加载更多指令:https://www.npmjs.com/package/vue-infinite-scroll

vue点击涟漪效果指令:https://www.npmjs.com/package/vue-ripple-directive

vue粘性布局指令:https://www.npmjs.com/package/vue-sticky-directive

vue3开箱即用Composition Api:https://vueuse.org/guide/

上传下载模拟无限加载进度 :https://www.npmjs.com/package/fake-progress

4.网站推荐

特效相关网站

各种花里胡哨小组件样式:https://uiverse.io/all

box-shadow参考:https://getcssscan.com/css-box-shadow-examples

css中grid布局生成:https://cssgrid-generator.netlify.app/

拖拽可视化项目学习:https://github.com/woai3c/visual-drag-demo

各种加载动画:https://epic-spinners.epicmax.co/

配色相关网站

颜色生成: https://mycolor.space/

配色表:http://tool.c7sky.com/webcolor/#character_0

其他

模拟数据远程api:http://mockjs.com/

自定义颜色的插画:https://undraw.co/illustrations

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值