碰到一個項目，應該遵守兩大規則：
1. 不要讓項目產生過多的第三方依賴
2. 增強組件的應用率
盡可能的將東西寫在組件里面，盡可能的將數據寫活，通過組件通信來進行數據轉換，用到的依賴處理，我們可以通過先處理，在讓項目中的文件，來依賴我們的處理的文件，這樣我們只需要改處理的文件即可，將數據寫活，盡可能的少寫代碼，來思考，怎么做代碼寫的少，功能還能達到同樣的效果，那么組件的處理顯得特別重要
Better-scroll 移動端的滾動插件 （注意：移動端，在 pc 端，效果可能出不來）；
Better-scroll 的插件，非常的人性化，操作簡單，邏輯性強，功能強大（可以實現 滾動，上拉刷新，下拉刷新的效果，返回頂部，頂頂一系列的效果，且特適用於 vue ）
下載方式：npm 下載，官網下載；
npm 下載：npm install better-scroll -S // 這種方式是 1x 所以我們需要看 1x 文檔
官網下載：https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/installation.html
引入方式：npm 中 import BScroll from 'better-scroll'
頁面中 <script src="https://unpkg.com/better-scroll/dist/bscroll.min.js"></script>
當我們引入之后，我們中就會有一個 BScroll 的類
css 的結構 外層的布局方式
<style>
.wrapper{
}
</style>
html 的結構：只能這個用
<div class="wrapper">
<div class="content">
在這個里面我們來寫東西
</div>
</div>
js 語法 （因為是 普通的頁面，所以要操作 dom ）
詳情請看 better-scroll 1x 的文檔：https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options-advanced.html
var wrapper = document.querySelector(".wrapper");
var bs = new BScroll(wrapper,{ // 當我們 new BScroll 的時候，頁面中就會有他帶來的好處了，當我們滑動的時候，就會感到特別平滑 ，第一個參數 則是我們的 wrapper 的類
// 第一個參數的固定的，第二個參數就可以改變，是 BScroll 的配置項
這里面的配置項，如下圖：
})
在這個 bs 的實例上面，擁有的超多的方法：我們可以在下面使用
當然，這里面還用事件，因為他不允許我們操作原生的事件，甚至都將原生的事件限制了，但我們還是可以在配置項里面進行修改，來進行操作的
事件上面的方法，有的時候也是，也別的扯淡，所以，它上面的事件通常都是配合着 方法定制 來使用
當然了，我們的 bs 身上還是有許多屬性來供我們使用，我們可以參考
案例：上拉刷新 觸發的事件
