：vue的優(yōu)缺點

0.易用 靈活 高效

1.MVVM結(jié)構(gòu) 數(shù)據(jù)驅(qū)動視圖更新，減少操作DOM；

2.雙向數(shù)據(jù)綁定；

3.組件化應用；

4.用戶體驗好，快，內(nèi)容的改版不需要重新加載整個界面；

5.單頁面應用，首屏加載慢；

6.不支持IE678

二：下拉刷新

• 監(jiān)聽原生touchstart事件，記錄其初始位置的值，e.touches[0].pageY；
• 監(jiān)聽原生touchmove事件，記錄并計算當前滑動的位置值與初始位置值的差值，大于0表示向下拉動，并借助CSS3的translateY屬性使元素跟隨手勢向下滑動對應的差值，同時也應設置一個允許滑動的最大值；
• 監(jiān)聽原生touchend事件，若此時元素滑動達到最大值，則觸發(fā)callback，同時將translateY重設為0，元素回到初始位置；

在下拉到松手的過程中，經(jīng)歷了三個狀態(tài)：

• 當前手勢滑動位置與初始位置差值大于零時，提示正在進行下拉刷新操作；
• 下拉到一定值時，顯示松手釋放后的操作提示；
• 下拉到達設定最大值松手時，執(zhí)行回調(diào)，提示正在進行更新操作。

三：上拉加載

上拉加載更多數(shù)據(jù)是在頁面滾動時觸發(fā)的動作，一般是頁面滾動到底部時觸發(fā)，也可以選擇在滾動到一定位置的時候觸發(fā)。

以滾動到頁面底部為例。實現(xiàn)原理是分別獲得當前滾動條的scrollTop值、當前可視范圍的高度值clientHeight以及文檔的總高度scrollHeight。當scrollTop和clientHeight的值之和大于等于scrollHeight時，觸發(fā)callback。