jQuery外掛下載使用的正確方式

2019-12-12 23:28:55

對於很多前端初學人員，胡亂使用jQuery外掛會帶你進入很大的誤區，隨便在某某網站下載一個外掛就直接拿來使用，這是很不安全的做法。在這裡我有必要大家講講如何正確下載使用jQuery外掛。

1

首先要明白的是，咱們最終從哪裡去下載jQuery外掛。眾所周知，jQuery官方為我們提供了一個外掛的欄目，不過很少有國內的開發者會去上面找，而是去一些第三方的個人網站去下載一些壓縮包。這是相當錯誤的一種做法。

2

你的外掛是要運用到專案中去的，所以必須要保證其可用性，安全性和易用性。而你在普通網站上面下載的外掛完全得不到保證，出了問題沒人能回答你。所以這對專案開發是不負責任的態度。

3

那麼事實上我們有且僅有一個最終下載目標，那就是Github。因為Github上面的專案是由全世界的開發者共同維護的，安全性和可靠性是可以得到保證的。作為一個開發者，Github是我們每個人必須學會使用的，對，必須使用。

4

第一步得找到我們需要的外掛，去哪裡找呢？常用的做法是去百度裡面搜尋，如jQuery幻燈片外掛啊什麼的，然後我們可能會找到一些匹配的外掛。注意，不要下載，找找有沒有這個插在的Github連結，有很多網站明明是Github上面的外掛，卻沒做連結，這種網站建議大家不要去了，推薦大家去明確做好Github連結的網站，如：前端資源庫，自行百度。為什麼非得要在Github上面下載呢？因為某些網站上面的下載包不是最新的，而Github上面的庫是經常會更新的。

5

進入到Github某個外掛的主頁後，我們需要對其進行一些分析，因為並非所有的都可以使用，比如某些外掛作者已經放棄維護了，這種外掛我們就要謹慎使用了，出了問題是不好去尋求幫助的。通常一個Github庫的表現形式如下：

6

然後我們就需要分析了。一般來說，關注度（上圖中的Watch、Star、Fork）是決定一個庫的熱度，越高當然說明有更多人使用。其次就是得看看最後更新日期。如下圖中是2年前，也就是說作者兩年以來都沒有再管過該專案了，很可能已經放棄了，這是我們需要注意的。

7

一般來說，咱們直接點選右邊的 Download ZIP即可下載。下載下來的包解壓後和線上的檔案結構是一樣的。通常很多童鞋會懵，這麼多檔案和資料夾，到底哪個才是我需要的呢？

8

那麼從根本上來說，每個專案的機構都有可能不一樣，畢竟每個人都有自己的命名習慣。不過這時候，命名規範就起作用了。大多數專案都會按照一定的命名規範去走。

9

通常情況下，做為使用者來說我們需要的是目標資料夾裡面的檔案。因為整個下載包中包含了開發中的各個檔案，包括原始檔和目標檔案以及一些構建工具。那麼目標資料夾在哪兒呢？通常是以 dist 或者 build 命名的。如上圖中的swiper是以dist命名的，那麼裡面就包含了我們需要用到的Javascript和CSS檔案。