先說說需求吧，網頁內又上下兩個區域，需要做到的功能是，第一個區域A底部的邊可以進行拖拽使得區域變大或變小，同時第二個區域B跟着拖動的變化進行自適應。
思路：
1、使用一個假的div定義為那條可進行拖拽的線。需要設定一個變動的高度，因為可拖動的線也需要根據拖動區域的改變而改變。
2、定義好鼠標觸發事件，事件主要分為三個部分：鼠標移動、鼠標抬起和鼠標按下。
事件的內容很簡單，就是返回拖拽的高度變化top即可。
3、對剛才定義好假的拖拽線進行事件綁定。根據自己的需求和獲取到的高度來設計A、B兩個區域需要改變的高度即可。
注意事件：鼠標移動中的事件，通過設置定時加入到異步隊列中可以優化性能，是的拖拽過程更加流暢。