我要投搞

标签云

收藏小站

爱尚经典语录、名言、句子、散文、日志、唯美图片

当前位置:九肖六肖三肖全年资料 > 取标记组件 >

vue-draggable-resizable 可拖拽缩放的组件

归档日期:05-16       文本归类:取标记组件      文章编辑:爱尚语录

  Vue 用于可调整大小和可拖动元素的组件并支持组件之间的冲突检测与组件对齐

  17年就应用此组件到了项目中,当时正式版的功能不能满足项目需求,还拉取了dev分支的测试版进行了简单的更改。(项目中主要功能之一需要用到此组件)

  今年因为需求变更,项目重构(手动泪奔),然后去看了看github,该组件的正式版本更新到了1.7.x,于是把正式版拉下来根据自己的需求进行了修改并发布新版到npm上。

  在原组件的Issues中提出了建议,作者表示不打算让此组件进行跨越组件之外的操作。

  先在props中加入一个isConflictCheck,让使用者自己选择是否使用此功能。

  然后就是如何去检测组件之间的冲突,代码如下,此代码是在测试版本中使用的,看到这些判断都可怕,为了头发,就没有去优化了(反正能使用)。

  先在props中加入一个snap,让使用者自己选择是否使用此功能。为了更灵活,这里多添加了一个snapTolerance,当调用对齐时,用来设置组件与组件之间的对齐距离,以像素为单位。

  再然后就是主要方法snapCheck的编写。这里我翻看了一下JQuery UI中的draggable源码,并近乎copy的借鉴了过来。

  年年岁岁花相似,岁岁年年人如织。 第四届樱花节,在恍如夏日的艳阳里盛开了。 豫北的这座小城,在建市的几十年中,孜孜不倦地发展着,改变着,美好着,还曾在某次的民意调查中,跃居全国幸福指数第七,相当适合人类居住,这不得不称为奇迹。人民的生活日益向好,发展文化旅游也是民心所向,大...

  多家信托集体发声称未收到信托资金降杠杆相关文件;我查了一下,58号文规定的“优先受益人和劣后受益人投资资金配置比例原则上不超过1:1,最高不超过2:1”早在2016年3-18号落地,并非新鲜事物,因此信托这个锅他们不背,但实际上目前能下跌的股票全问带有信托股东,包括员工持股...

  很高兴,12月15日,我终于收到了开通原创功能邀请信。 从今年5月建立微信公众号以来已经7个多月了,我制作了20余篇原创读书笔记和故事随笔,坚持,终于等来了认可和鼓励,正所谓“守得云开见明月”。 9月底,我在群里听人说在简书的文章被一些微信公众号盗用,连署名都没有。王老师建...

  本人东北人,高考报志愿去了一直梦寐以求的‘远方’,第一次出省,我的大学威海。威海曾被世界联合组织评选为最适合人类居住的城市之一,蓝天白云,海风沙滩,强烈的紫外线,干净的街道,茂盛的绿化,悠闲的生活,给我很大的吸引力。 威海好玩的地方景点:①市里的环翠楼(图2图3)②刘公岛(...

  NOVA已于8月31日上线Hotbit交易所,同时开放充值提现与NOVA/BTC、NOVA/ETH交易对。截止当前每日交易量已破千万,并拥有数千持币用户。 Nova是一个基于区块链的共识激励型内容生态。它期望借助区块链技术,建立价值共识机制,对内容的创造者、筛选者、投资者和...

本文链接:http://odigallery.com/qubiaojizujian/29.html