1.拖動神器sortablejs
sortablejs 有vue，angular，react 版的實現
vue版 通過options 可以完全使用 sortable的配置
2.vue-grid-layout 拖動事件使用 interactjs 來實現的。
可以實現在容器內拖動 自由碰撞，碰撞原理是：使用座標對元素進行排序，元素替換只會在y軸方向移動
3.原生h5拖動
設定被拖動元素的dragable=true 即可以拖動
被拖動元素的事件
drag 拖動中
dragstart 開始拖動
拖動到的元素事件
dragover 預設行為是不允許將將元素拖動到其他元素中，需要阻止預設行為才能觸發 drop事件
drop 拖動到目標
dragevent.datatransfer.setdargimage(element,x,y)， 可以通過這個方法改動拖動的虛影，如果要隱藏虛影可以使用乙個空白的element。如果被拖動的元素隱藏或者在dom中被移除了，拖動結束。
H5問題總結
很多時候設計稿中的icon很小，但是實際製作頁面時，如果這個icon可操作，icon的可操作域應該做大一些，不然在裝置中會經常發生操作之後沒反應 其實是沒有觸發在操作域上 少掉坑，h5建議 0.很多時候設計稿中的icon很小，但是實際製作頁面時，如果這個icon可操作，icon的可操作域應該做大一些...
移動端禁止頁面拖動 h5禁止拖動頁面
pc上css控制滾動僅css overflow hidden 已足夠。但是，如果在mobile上還是可以拖動的！所以需要監聽touchmove事件。頁面禁止拖動 滾動 html,body css overflow hidden css height 100 document.body.addeven...
H5直播開發總結
關於直播，有很多相關技術文章，這裡不多說。作為前端，我們比較關心我們所需要的。直播的大致流程 但實際我們需要處理一些不可控的情況，這是非常麻煩的。比如說，直播方網路不好，直播方關閉了攝像頭，這些情況都會導致推流斷掉，在文章後面，我們詳細說這一塊。目前我們先考慮直播的三種狀態 直播前，直播中，結束。針...