Angular和jQuery都是常用的前端框架，而拖動作為常見的交互操作也經(jīng)常在web應用中出現(xiàn)。兩個框架都提供了拖動的實現(xiàn)方式，我們來談談它們各自的優(yōu)缺點。

jQuery拖動

$(document).ready(function(){
$("#dragme").draggable();
});

jQuery提供了一個draggable()方法來讓一個元素可以被拖動。調用該方法后，我們只需要將元素的id傳入即可實現(xiàn)拖動。當然，我們也可以傳入一些可選參數(shù)設置邊界、吸附、快照等效果。

優(yōu)點：jQuery拖動非常簡單易用，只需要調用一個方法即可實現(xiàn)。對于簡單的拖動場景來說，用jQuery足夠了。

缺點：對于復雜的拖動操作來說，jQuery拖動的靈活性就變得不太足夠。jQuery只提供了一些基本的可選參數(shù)，如果我們需要實現(xiàn)一些比較細致的效果，可能就需要自己手寫代碼來實現(xiàn)。

Angular拖動

Drag me around

Angular則提供了一個叫做@angular/cdk的包，其中包含了一些跟拖動相關的組件。其中最核心的是cdkDrag，它可以幫助我們觸發(fā)拖動行為，同時還提供了一些可選屬性設置拖動的范圍、傳遞拖動數(shù)據(jù)、自由拖動等等。

優(yōu)點：Angular拖動靈活性非常高，同時也提供了很多指令來滿足各種場景的需求。對于復雜拖動場景來說，使用Angular相對來說更加方便。

缺點：相比jQuery，Angular拖動的使用相對來說有一定的學習成本。同時，由于需要安裝@angular/cdk包，所以項目體積會相對變大。