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

时间:2019-09-12 来源: 河南新闻

我想昨天分享的非着名程序员

我可能已经开发Android近一年了。自从我来到二线城市以来,Android开发也是断断续续的。我将使用Android一段时间,我将使用Vue进行前端开发。穿插各种技术管理和团队管理任务。

在非一线城市做开发工作,对我来说最大的感觉就是我需要工程师拥有一切,最好是整个堆栈。你知道的越多,你知道的越有价值,越精致,越深,越有价值。

由于我过去六个月一直致力于Vue开发,所以今天我已经编译了六个与Vue相关的工具和开源库,非常有价值,我希望能帮助您开发前端开发学生。

1

Vue的原型设计工具

今天推荐的开源工具是:OverVue,适用于Vue的Vue Devs Prototype工具的Prototyping Tool。

官方网站:

此工具可以帮助您生成Vue组件,设置路径,还可以帮助您可视化Component Parent-Child组件树。您只需要进行一些小配置,然后就可以下载代码样板了。这样您就可以轻松轻松地生成Vue前端APP!

该工具具有以下功能:

上传前端模型图像可视化可拖动和可调整大小的组件创建组件的父子层次结构将HTML元素添加到组件创建Vue Router的实时生成的树视图,为每个组件的路由提供实时生成的可预测代码段,以帮助可视化父子层次结构保存项目并打开上一个项目导出工作前端完整模板代码

开源项目地址:

2

3D效果旋转图形组件

这个开源库是:vue-carousel-3d,它是一个具有旋转地图3D效果的Vue组件,非常有用。

就像图片中的3D效果一样,它可以左右切换。效果非常好。

开源项目地址:

3

优雅的上传组件

这个组件库是vue-filepond,它是FilePond的一个方便的适配器组件。它是一个JavaScript库,可以上传您放入的任何内容,优化图像以加快上传速度,并提供出色的,可访问的,柔滑的用户体验。

和多卡。 js,你可以编辑图片。如下:

4

图片预览组件

此图像预览组件功能强大且非常实用。它是:v-viewer。

Vue图像浏览组件v-viewer支持基于viewer.js的旋转,缩放,翻转和其他操作。如下:

开源项目地址:

5

可视化表单设计工具

Vue-ele-form-generator是一种为vue-ele-form开发的可视化表单设计工具,它使表单开发更加高效。

其特点如下:

可视配置页面提供一键式生成配置JSON数据,一键生成基本组件和高级组件。 Vue格式内容

真的强烈推荐,非常有用,看看演示图片:

开源项目地址:

6

事件订阅/发布组件

Vue-happy-bus是一个基于vue的订阅/发布插件。

在非父组件和子组件之间进行通信时,我们通常使用新的总线来广播事件。但是,一个缺点是这种方法不会自动销毁,所以为了避免重复回调函数执行,Bus。 $ off('event name',fn)操作应该在被破坏的循环中完成。

生成的冗余代码为:

$的回调函数必须是命名函数。不能简单的回调函数必须是命名函数。总线。 $ on('event name',=> {})不能简单地使用匿名函数作为回调,因此您需要将回调函数放入方法中以在销毁的生命周期中进行其他声明以销毁事件监视。

我只是想听一个路由中标题中的按钮点击,但是这很麻烦?

所以这个轮子就制成了。

它主要解决了解决非父组件与子组件之间的通信时多次执行回调函数的问题,解决了重复绑定事件无法自动销毁的问题。

强烈推荐给大家,实际使用,非常好用。

该对话框以关键字“1024”响应,免费为独立开发者赚钱分享案例,帮助程序员实现财务自由。

收集报告投诉

我可能已经开发Android近一年了。自从我来到二线城市以来,Android开发也是断断续续的。我将使用Android一段时间,我将使用Vue进行前端开发。穿插各种技术管理和团队管理任务。

在非一线城市做开发工作,对我来说最大的感觉就是我需要工程师拥有一切,最好是整个堆栈。你知道的越多,你知道的越有价值,越精致,越深,越有价值。

由于我过去六个月一直致力于Vue开发,所以今天我已经编译了六个与Vue相关的工具和开源库,非常有价值,我希望能帮助您开发前端开发学生。

1

Vue的原型设计工具

今天推荐的开源工具是:OverVue,适用于Vue的Vue Devs Prototype工具的Prototyping Tool。

官方网站:

此工具可以帮助您生成Vue组件、设置路由,还可以帮助您可视化组件父子组件树。您只需要做一些小的配置,然后就可以下载代码样板文件。这样您就可以轻松地生成Vue前端应用程序!

0×251C

该工具具有以下功能:

上载前端模型图像可视化可拖动和可调整大小的组件创建组件父子层次结构向组件添加HTML元素可为Vue Ro使用的每个组件创建实时生成的可预览代码段的树视图。帮助可视化父子层次结构以保存项目并打开上一个项目导出工作前端的完整样板代码。

开源项目地址:

2

三维效果旋转木马组件

这个开源库是:vue-carousel-3d,它是一个具有3d效果的carousel-vue组件,非常容易使用。

0×251d

就像图片中的3D效果一样,你可以左右切换,效果非常好!

开源项目地址:

3

优雅的上传组件

这个组件库是:vue filepond,filepond的一个方便的适配器组件,它是一个javascript库,可以上载您放置的任何内容,优化图像以加快上载速度,并提供出色的、可访问的,如丝般流畅的用户体验。

0×251e

使用doka.js,您还可以编辑图像。如下:

4

图像预览组件

此图像预览的组件功能强大,非常易于使用。它是:v-viewer。

Vue图片浏览组件v-viewer,支持基于viewer.js的旋转,缩放,翻转等。如下图所示:

开源项目地址:

5

可视化表单设计工具

Vue-ele-form-generator是一种为vue-ele-form开发的可视化表单设计工具,它将表单开发提升到了一个新的水平。

其特点如下:

可视化配置页面提供基本组件和高级组件一键式生成配置json数据一键生成.vue格式内容

真的强烈推荐,非常好用,看看演示图片:

开源项目地址:

6

事件订阅/发布组件

Vue-happy-bus是一个基于vue的订阅/发布插件。

我们通常使用新的Bus方法在非父组件和子组件之间进行通信时进行事件广播。一个缺点是这个方法不会自动销毁,所以为了避免重复执行回调函数,你还需要在被破坏的循环中做Bus。$ off('event name',fn)。

随附的冗余代码是:

$的回调函数必须是命名函数。不能简单的回调函数必须是命名函数。总线。 $ on('event name',=> {})不能简单地使用匿名函数作为回调,因此您需要将回调函数放入方法中以在销毁的生命周期中进行其他声明以销毁事件监视。

我只是想听一个路由中标题中的按钮点击,但它是如此麻烦?

所以车轮制成了。

它主要解决了回调函数多次执行的问题,因为重复绑定事件和非父组件和子组件之间通信时无法自动销毁。

强烈推荐给你,真实使用,非常实用。

该对话框回复关键字“1024”并免费共享独立开发人员的制造案例,以帮助程序员实现财务自由。

http://www.sugys.com/bdsFBNI.html

新闻排行
  1. ?  盛夏七月  四会有没有新“搞作”?非也!7月14日至29日,由广东省体育局,肇庆市文化广播影视旅游体育局,四会市人民政府,四会市文化,广播,电影共同举办的419广东青年手球锦标赛主办和旅游局,在

    ?  盛夏七月  四会有没有新“搞作”?非也!7月14日至29日,由广东省体育局,肇庆市文化广播影视旅游体育局,四会市人民政府,四会市文化,广播,电影共同举办的419广东青年手球锦标赛主办和旅游局,在...

  2. StartingfromJuly10,theEMUsof160kilometersperhourwillofficiallyenterDunhuang.Bythen,thetraveltimebetw

    StartingfromJuly10,theEMUsof160kilometersperhourwillofficiallyenterDunhuang.Bythen,thetraveltimebetw...

  3.   2019年5月25日,珍爱网携手北京惠通陆华汽车服务有限公司举办了汇通奇缘的童话故事轻奢相识活动,近200

      2019年5月25日,珍爱网携手北京惠通陆华汽车服务有限公司举办了汇通奇缘的童话故事轻奢相识活动,近200...

  4.   据艾媒网获悉,7月24日上午,上海市交通委执法总队对“滴滴出行”上海分公司又一次上户执法检查。现场?

      据艾媒网获悉,7月24日上午,上海市交通委执法总队对“滴滴出行”上海分公司又一次上户执法检查。现场?...

  5. 歌曲:永远的画面歌手:张慧梅专辑:真实字:廖英如渠:郭文贤告别勇敢的眼泪你的眼睛超越了语言不要说再见我

    歌曲:永远的画面歌手:张慧梅专辑:真实字:廖英如渠:郭文贤告别勇敢的眼泪你的眼睛超越了语言不要说再见我...

  6. BeidanNo.23LundinavsParana2019年巴西B轮第13轮比赛时间:06:15北京时间06年7月31日:15,2019巴西B第13轮,

    BeidanNo.23LundinavsParana2019年巴西B轮第13轮比赛时间:06:15北京时间06年7月31日:15,2019巴西B第13轮,...

  7. ?一个外卖骑手死亡后的“奔跑”  他51岁,在杭州送外卖时发生意外去世,亲属捐献他的器官挽救4人他生命中的最后一单外卖没有送达,但是他给别人送去新生的希望。  医生们手术前向他鞠躬。  他叫陆继春,是

    ?一个外卖骑手死亡后的“奔跑”  他51岁,在杭州送外卖时发生意外去世,亲属捐献他的器官挽救4人他生命中的最后一单外卖没有送达,但是他给别人送去新生的希望。  医生们手术前向他鞠躬。  他叫陆继春,是...

  8. ?“两次调查”的战斗已经全面展开,目光已经过检查,后来又登上了顶峰我们的记者许杰哲学家休谟曾经说过:“高贵的竞争是所有优秀人才的源泉。”在企业信用信息查询领域,两家总公司之间的竞争正在升温。2019年

    ?“两次调查”的战斗已经全面展开,目光已经过检查,后来又登上了顶峰我们的记者许杰哲学家休谟曾经说过:“高贵的竞争是所有优秀人才的源泉。”在企业信用信息查询领域,两家总公司之间的竞争正在升温。2019年...

  9. 达成协议!雷霆掘金1比1!俄克拉荷马城囤积第一轮标志!7月8日晚,北京时间,沃申打破了沉重的报道。沃伊指

    达成协议!雷霆掘金1比1!俄克拉荷马城囤积第一轮标志!7月8日晚,北京时间,沃申打破了沉重的报道。沃伊指...

  10. 7月6日,7月,广东A牌中小客车增量指标数量新增,共计17,833,比6月多743。节能汽车震动指标总数为6729(包

    7月6日,7月,广东A牌中小客车增量指标数量新增,共计17,833,比6月多743。节能汽车震动指标总数为6729(包...

友情链接