學編程，要學會CRM

今天上午花了半天的時間，給自己的簡歷加了一個「無縫輪播」效果，雖然自己之前寫過無縫輪播demo但並沒有封裝成函數，所以就去別人的官網使用無縫輪播插件。那麼這就涉及到了CRM。

這是一種獲得外在能力（力量、知識、工具……）的能力，所以它很重要！……在你不懂的前提下，搞定它。

好像很高大上的樣子，往下看。

一、什麼是CRM？

C：Copy 別人的代碼，學會抄代碼

R：Run 把抄來的代碼能夠運行

M：Modify 把別人的模型進行修改（html,css,javascript）

學會了CRM是不是就不用自己寫代碼？當然不是。

要做到不僅僅自己能用代碼做出有創造性的東西，而且還能夠把外界的東西結合起來一起創造，那麼自己的邊界就會遠遠的放大。

關於侵權問題？請看阮一峰文章：開源許可證？ - 阮一峰的網路日誌

二、怎麼做？

舉我今天做的「無縫輪播」的例子來說，然後整理通用方法：

1、找到無縫輪播插件的官網：Swiper。點擊Get Started ，跳到界面根據步驟有兩種方式安裝，第一個是命令行，第二個是引入CDN，我選擇了第二個。

2、選擇min.js和min.css分別插入自己的html文件，注意把4.x.x改成最新版本，到作者的GitHub上看。

3、在自己的html文件加入Swiper提供的html樣式（全部複製，後期再修改）：

4、 在自己的css文件加入Swiper提供的css樣式（全部複製，後期再修改）：

5、在自己的js文件加入Swiper提供的js內容（全部複製，後期再修改）：

6、檢驗是否引用成功。

• 先檢查JS引入的全局變數是否存在，此處應該是函數，用console.log(Swiper)
• 再看本地預覽的html是否出現了應有的「無縫輪播」效果

7、把「無縫輪播」修改成自己的樣式：

• 垂直輪播改為水平輪播，刪除js：direction: vertical
• 不需要滾動條，刪除js和html中關於scrollerbar的代碼
• 把文字改成圖片，把html中Slide$替換成img標籤，並插入圖片
• 更改圖片大小，方框大小：給img設置css，修改插入css樣式的寬高
• 給無縫輪播定位，對容器設置css
• 設置前後按鈕的位置，找到相應div的class，設置css
• 效果如下：

做完還是挺不錯的，要不要試試？