專案開發技巧篇(六) : 推薦實用套件

每日一談

嗨，大家好 ! 我是阿蘇
今天是Day28 ，今天分享的是實用套件分享，我們可以在網路找到很多好用的套件，有很多的套件都可以讓你的專題更完整、亮眼，可以試著使用套件搭配專題，接下來會簡單介紹推薦幾個實用的套件，大家都可以嘗試去用看看

為什麼要使用套件呢 ?

你可以想像套件就像一個模板，我們只要載入就可以使用，但是可以讓你的專題在小地方有亮點，尤其是初期開發有點沒有靈感，那有些小套件就十分方便，可以讓你的專題有小亮點，像我在開發因為還不會 javascript ，所以就會搭配使用一些套件可以達到 javascript 的程式效果

推薦套件

• Aos - 視差滾動
• Swiper - 輪播套件
• Masonry - 瀑布流版型套件
• SweetAlert - 彈跳視窗套件

套件介紹

• Aos - 視差滾動

AOS視差滾動，是不是覺得平面靜態網頁比一較沒有互動感，我們可以加入視差滾動，讓我們在滾動時有簡單動畫效果，讓你的專題呈現更完整

在想要的段落加入效果，只要把這段加入就有AOS 視差滾動，是不是很方便呢

• Swiper - 輪播套件

幻燈片輪播效果，這個套件有非常多輪播樣式，設定上熟悉後也十分好上手，雖然Bootstrap本身元件也有輪播，但是這個套件效果樣式更豐富，推薦使用

• Masonry - 瀑布流版型套件

這是一個瀑布流js套件，可以呈現瀑布流排版，bootstrap 也有搭配寫好的範本，修改即可使用

Bootstrap 瀑布流範本

瀑布流範例

• SweetAlert - 彈跳視窗套件

是不是覺得預設彈跳視窗不好看，想修改樣式也不是很好修改，我們可以使用 SweetAlert ，讓你的彈出視窗更生動

跟醜醜的彈跳視窗說再見， 讓我們的專題美美的