2017-08-14 224 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個月了),那就是失敗。