網頁常用到的 js、css 套件。
套件管理工具
# npm
基本套件
# jQuery
其他常用套件
點下面節點可快速到達該區塊：
{ 圖示 (icon) }
# fontawesome 小圖示
缺點：檔案很大，建議開發完，自行將有引用的 <i> 換成圖檔。
優點：快速引用 icon ，加快開發速度。
{ 輪播 (carousel、slider) }
# OwlCarousel 輪播
(版本 @2.3.4)
缺點：在手機版上左右滑動時，容易上下移動。更新的版本似乎也是幾年前的事了。
優點：許多人用，可以找到多種示範結果
# swiper 輪播
(版本 @8)
缺點：尋找中…
優點：在手機版上左右滑動時，不容易上下移動，有對手機版做優化。
# splide 輪播
(版本 @2.4.21)
缺點：尋找中…
優點：尋找中…
{ 彈窗 (modal、fancybox) }
- (版本 @4)
- (版本 @3)
缺點：尋找中…
優點：彈窗類型多樣，有彈窗、超連結、iframe
# sweetalert2 提示窗
(版本 @2.10)
缺點：尋找中…
優點：提示窗類型多樣，可放圖片、倒數，也比 alert 好看
{ 表單、驗證 (table、validation) }
# datatables 表單
(版本 @1.11.5)
缺點：尋找中…
優點：表格自動排序、分頁、搜尋
# daterangepicker 區間日期選擇
(版本 @3.0.3)
缺點：尋找中…
優點：選擇日期範圍、時間甚至到秒數
# jquery-datetimepicker 單一日期選擇
(版本 @2.5.20)
缺點：不能選擇範圍區間
優點：選擇日期、自訂時段
# bootstrap-select 下拉選單
(版本 @1.14)
缺點：尋找中…
優點：有搜尋、單選項目、多選項目等等功能
# tw-city-selector 台灣縣市連動下拉選單
(版本 @2.1)
缺點：不會常更新？可能會是台灣舊的縣市
優點：選擇縣市後、旁邊的下拉選單會變成該縣市的鄉鎮市區
# addinputarea 新增區塊
缺點：尋找中…
優點：尋找中…
# inputmask 欄位填寫格式化
(版本 @5.0.5)
缺點：呈現較普通
優點：欄位中可限制他們輸入的格式，資料儲存上比較不會有問題
# cleave 欄位填寫格式化
(版本)
缺點：尋找中…
優點：呈現較好看
# jquery-validation 表單驗證
(版本 @2.1)
缺點：尋找中…
優點：可以自訂不同驗證狀態時顯示的訊息
# recaptcha 驗證不是機器人
(版本 @3)
缺點：尋找中…
優點：讓惡意使用者無法亂註冊
{ 頁數 (pagination) }
# pagination 頁數導航
(版本 @2.1.5)
缺點：尋找中…
優點：可以設定幾個項目換頁
{ 拖曳 (drag) }
# dragular 拖曳
(版本 @3.7.2)
缺點：尋找中…
優點：可任意拖曳項目
{ 動畫、效果 (animate) }
# Animate 動畫
(版本 @3.7.2)
缺點：尋找中…
優點：更輕鬆的方式使用動畫
# jarallax 背景視差效果
(版本 @1.10)
缺點：尋找中…
優點：讓使用者看畫面不無聊
{ 行事曆 (calendar) }
# calendar 行事曆
(版本 @1.1.3)
缺點：尋找中…
優點：呈現更好看，可以添加活動日期，活動列表等等
{ 瀏覽器 (browser) }
# modernizr 瀏覽器相容
缺點：尋找中…
優點：解決瀏覽器跟裝置相容問題
從平面設計漸漸轉職到前端網頁，日常就是追劇、看綜藝大笑來撫平身心。
『沒事多學習，多學習好事。』來鼓勵躺平的自己。
喜歡我的文章請幫我按讚哦！信箱：doublinlin@gmail.com
