2017-08-14 181 views
1

2017年制作拖放生成器的最佳方式是什么?是的,这个问题已被问到before,但那是5年前,我认为事情已经改变? HTML5,jQuery用户界面还是有其他选择吗?HTML5拖放与jQuery UI拖放

最近的问题Form Builder From Scratch - HTML 5 Drag and Drop, or JQuery UI Draggable, or What?也没有答案。

任何帮助将是伟大的!我已经开始使用这两种技术(我从来没有使用过HTML5或者jQuery UI的拖放功能,因此我很难做出决定),而且jQuery UI似乎更易于使用和理解,但是看起来也很麻烦,很好至少在codepen。

回答

2

我们只是做了一点研究拖放与ReactJs和诚实地出来对方有点伤心。所以,如果你正在寻找纯HTML 5拖放这是一个奇妙的网站,告诉你如何搞砸你: https://caniuse.com/#feat=dragndrop

所以写这部分内容,如果你去纯粹的HTML5 DND你真正止跌的时间不覆盖移动场景。

现在没有列出的是所有的边缘情况下,功能在不同浏览器中看起来是一样的。在Edge,Firefox和Chrome之间,增加了一个Icon来表明你在拖动项目,一个对复制的元素有轻微的不透明性,另外一个则做了别的。无论哪种方式,将这些设计(取决于设计团队的讨厌程度)调整为不可能的(例如,在拖动时拖动和放下图标就可以轻松(例如不必在意拖放和拖放工作))。

现在说到JQuery,它已经有一段时间了,但这并不意味着它也没有它的缺点。因为它运行在JS层而不是浏览器本身,取决于系统中发生了多少事情,它可能会感觉有点慢。另外我也注意到它开始拖拽恼人的情况,比如当你试图滑动页面在Edge中滚动时。这也可能是我们糟糕的编程。

我想最后我们刚刚使用了React Dnd和HTML5后端。似乎工作得很好,对于那些移动场景,我们只有菜单选项,以不同的形式公开相同的功能。它最终解决了通过键盘快捷键进行拖放的所有操作有点烦人的问题。

不知道这是否有帮助,但如果我记得(而且已经有6个月了),那就是失败。