什么是Swiper呢簡單說就是別人寫好封裝好的js代碼，我們可以直接拿過來用的。使用swiper來實現輪播圖，是可以很快就能實現的，同時還縮減了需要我們自己去寫的代碼量，大大減少了我們的熬夜時間。
首先在使用之前第一步工作就是引入Swiper
1. 要想使用這個插件，首先得去官網下載需要得材料。Swiper插件官方地址：Swiper。
2. 下載完畢后，新建項目，把最基礎的兩個文件引入到頁面中，如下所示
<link rel="stylesheet" href="../node_modules/swiper/dist/css/swiper.min.css">
<script src="../node_modules/swiper/dist/js/swiper.min.js"></script>
准備工作結束以后我們就可以准備使用swiper了
1.我們可以去Swiper中文網上選個喜歡的輪播圖的效果。記住他的編號
2.選擇好效果后，去自己下載的文件包中，找到對應編號的html網頁。打開后，檢查源代碼，就可以看到輪播圖的源代碼了。
3.復制它的結構、樣式以及輪播圖的初始化部分。
4.將復制的內容發放到我們網頁相對性的位置。
這樣我們就完成了使用Swiper實現輪播圖了