天天看点

前端开发之常用插件

前端开发之常用插件

在日常开发的时候,尤其在使用一些常用功能的时候,例如:时间选择,文件上传,下拉框等功能.自己写当然也是可以,但是有好用的插件为什么不使用呢?还要自己封装解决各种兼容性问题...

  在此总结一些常用的插件,方便日后开发的时候,可以拿来就用

  在日常开发的时候,尤其在使用一些常用功能的时候,例如:时间选择,文件上传,下拉框等功能.自己写当然也是可以,但是有好用的插件为什么不使用呢?还要自己封装解决各种兼容性问题...

  在此总结一些常用的插件,方便日后开发的时候,可以拿来就用

  

  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​​ 云词