前端
我要七龙ru
诗是家,远方是媳妇。
展开
-
使用 draggable 实现拖拽效果
只要在标签中写入 draggable 属性即可使标签获得拖动效果,另外可以用 data-自定义 向拖动事件传递数据<div v-for="(item, index) in componentList" :key="index" class="list" draggable :data-index="index"></div>...原创 2021-03-11 13:57:06 · 618 阅读 · 0 评论 -
复用 Vue 的 $emit 和 $on 实现消息总线功能,能使非父子组件进行通讯。
eventBus.jsimport Vue from 'vue'// 用于监听、触发事件export default new Vue()A.vue 与 B.vue 非父子关系A.vueeventBus.$emit('move', curY - startY > 0, curX - startX > 0)B.vueeventBus.$on('move', (isDownward, isRightward) => { this.showLine(原创 2021-03-11 13:51:57 · 161 阅读 · 0 评论 -
常用前端开发组件
ui框架element-uivant-uiantui组件swiber:轮播图组件图表echa:百度家的antv:阿里家的,默认状态下比百度家的要优美一下,有移动端专用图表js组件moment:时间转换axios:请求...原创 2020-03-31 12:14:21 · 305 阅读 · 0 评论 -
通过阿里巴巴矢量图标库拓展boorstrap框架的图标库
【阿里巴巴矢量图表库的正确使用姿势】说明本文只是一篇抛砖引玉的文章,阿里巴巴矢量图标库真的是一个很棒的站点,他能够让你通过文字搜索到很多现成的图标,并且可以指定这些图标的大小,图标格式。 font-class引用现在很多的前端框架,都会携带自己的图表库,比如bootstrap的图标库那么当这些图标不够用的时候怎么办?我想像调用bootstrap框架的图标一样,...原创 2018-06-19 01:09:21 · 1142 阅读 · 0 评论