重磅推荐:六个让前端开发既高效又有趣的工具

2023-05-28 0 846

我前段时间已经约如果有快两年的时间没有再合作开发 Android 了,好景不长走进第一线卫星城,做 Android 合作开发也是连续不断,一会儿 Android ,一会儿小程序合作开发,一会儿又用 Vue 做后端合作开发,尾端也穿插着各式各样控制技术管理工作和项目组管理工作的组织工作。

在非第一线卫星城做合作开发组织工作,给我最大的体会是需要技师什么单厢,最合适是全栈,你懂当更有用,而不是你懂越精,越远越有用。

由于前段时间两年始终在做 Vue 的合作开发组织工作,那时我就重新整理了 6 个 Vue 有关的辅助工具和开放源码库,都十分有用,期望能协助到我做后端合作开发老师。

1

适用于于Vue的蓝本辅助工具

那时所推荐的那个开放源码辅助工具是:OverVue,Prototyping Tool For Vue Devs 适用于于 Vue 的蓝本辅助工具。

非官方邮箱:https://www.overvue.io

那个辅助工具能帮你聚合 Vue 模块,增设 routes , 也能帮你显影 Component Parent-Child 模块树。你如果做一些小实用性接着能浏览 code boilerplate. 这样你就能很方便快捷简约地聚合 Vue 后台 APP 了!

重磅推荐:六个让前端开发既高效又有趣的工具

该辅助工具具有如下表所示机能特征:

上载后端数学模型图像建模可拖曳和可修正大小不一的模块建立模块的兄弟二人体系结构将html原素加进到模块建立Vue Router采用的路由器每一模块的动态聚合的可自动更新程序标识符动态聚合的树快照,以协助建模兄弟二人体系结构留存工程项目并关上从前的工程项目求出组织工作后端的完备样板工程标识符

开放源码工程项目门牌号:

https://github.com/TeamOverVue/OverVue

2

3D 效果轮播图模块

那个开放源码库是:vue-carousel-3d,它是一个带有 3D 效果的轮播图 vue 模块,十分好用。

重磅推荐:六个让前端开发既高效又有趣的工具

就像是图中那样的 3D 效果,能左右切换,效果十分不错哦!

开放源码工程项目门牌号:

https://github.com/wlada/vue-carousel-3d

3

一个优雅的上载模块

那个模块库是:vue-filepond,它是 FilePond 的一个方便快捷的适配器模块,它是一个 JavaScript 库,能上载你投入的任何内容,优化影像以加快上载速度,并提供出色的,可访问的,如丝般顺畅的用户体验。

重磅推荐:六个让前端开发既高效又有趣的工具

而且搭配 Doka.js 还能进行图片的编辑处理。如下表所示:

重磅推荐:六个让前端开发既高效又有趣的工具

开放源码工程项目门牌号:

https://github.com/pqina/vue-filepond

4

图片预览模块

那个图片自动更新的模块机能超级强大,十分的好用。它是:v-viewer。

Vue 图片浏览模块 v-viewer,支持旋转、缩放、翻转等操作,基于 viewer.js。如下表所示图:

重磅推荐:六个让前端开发既高效又有趣的工具

开放源码工程项目门牌号:

https://github.com/mirari/v-viewer

5

建模表单设计辅助工具

vue-ele-form-generator 是专为 vue-ele-form 合作开发的建模表单设计辅助工具,让表单合作开发的效率更上一层楼。

它的特性如下表所示:

建模实用性页面提供基础模块 和 高级模块一键聚合实用性 json 数据一键聚合.vue 格式内容

真心强烈所推荐,十分好用,看一下演示图片:

重磅推荐:六个让前端开发既高效又有趣的工具

开放源码工程项目门牌号:

https://github.com/dream2023/vue-ele-form-generator

6

事件订阅/发布模块

vue-happy-bus 是一款基于 vue 实现的订阅/发布插件。

我们通常在采用非兄弟二人模块间通信时,采用 new Bus() 的方式来做一个事件广播。但一个弊端是,这种方式并不会自动销毁,所以为了避免回调函数重复执行,还要在 destroyed 周期中去做 Bus.$off(event name, fn) 的操作。

这样带来的冗余标识符是:

$的回调函数必须是具名函数。不能简单的on 的回调函数必须是具名函数。不能简单的 Bus.$on(event name, () => {}) 采用匿名函数作为回调了,所以需要将回调函数放到 metheds 中进行额外的声明在 destroyed 生命周期中去销毁事件的监听。

我只是想在某个路由器中监听下 header 中一个按钮的点击事件而已,竟然要这么麻烦???

所以此轮子被造出来了 。

它主要解决在非兄弟二人模块间通信时,解决重复绑定事件、无法自动销毁的而导致回调函数被执行多次的问题。

强烈所推荐给大家,真实采用,十分好用。

开放源码工程项目门牌号:

https://github.com/tangdaohai/vue-happy-bus

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务