前端開發之常用插件

在日常開發的時候,尤其在使用一些常用功能的時候,例如:時間選擇,檔案上傳,下拉框等功能.自己寫當然也是可以,但是有好用的插件為什麼不使用呢?還要自己封裝解決各種相容性問題...

　　在此總結一些常用的插件,友善日後開發的時候,可以拿來就用

　　在日常開發的時候,尤其在使用一些常用功能的時候,例如:時間選擇,檔案上傳,下拉框等功能.自己寫當然也是可以,但是有好用的插件為什麼不使用呢?還要自己封裝解決各種相容性問題...

　　在此總結一些常用的插件,友善日後開發的時候,可以拿來就用

　　

　　1) 時間插件

　　　　​​bootstrap-datetimepicker​​   

　　　　　　說明:可以友好的選擇日期與時間

　　　　　　使用：

 　　2) 開關插件

　　　　　　​​bootstrap-switch​​

　　　　　　

　　說明: 用于切換狀态的時候使用,還有許多參數可以自定義來使用

　　問題: 由于這個插件有記憶殘存的問題,例如,我在下一個添加一條資料,成功之後,我跳轉回上一頁的記錄,這個時候他的樣式還是維持在上一次的狀況下.解決方案:重新跳轉清單頁,讓其進行強制重新整理即可

　　使用：

　　3) ​​template.js​​

　　　　說明：template.js是一款JavaScript模闆引擎，用來渲染頁面

　　　　使用：

　　4)​​select2​​ / jquery.searchableSelect.js

　　說明:簡介而好用的下拉框加搜尋插件

      5) ​​Jquery.barrager.js​​     專業的網頁彈幕插件

　　6) ​​intro.js​​  使用者引導

　　　　

introJs().setOptions({
                nextLabel: '下一步',
                prevLabel: '上一步',
                skipLabel: '跳過',
                doneLabel: '結束',
                overlayOpacity: 0.8,
                disableInteraction: true,
                positionPrecedence: [ "left", "right", "bottom"], //出現位置
            }).oncomplete(function(){ //點選跳過執行事件
                unloadWljkPopupWidnow();
            }).onexit(function(){ //點選結束執行事件
                unloadWljkPopupWidnow();
            }).start();
在對應的元素上添加屬性 data-step="1" data-intro="提示内容"      

　　7) j​​qcloud​​ 雲詞