0
点赞
收藏
分享

微信扫一扫

前端开发之常用插件

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

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

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

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

  

  1) 时间插件

    ​​bootstrap-datetimepicker​​   

前端开发之常用插件_插件_02                                               前端开发之常用插件_下拉框_03

 

 

      说明:可以友好的选择日期与时间

      使用:

   2) 开关插件

      ​​bootstrap-switch​​

      前端开发之常用插件_插件_04

  说明: 用于切换状态的时候使用,还有许多参数可以自定义来使用

  问题: 由于这个插件有记忆残存的问题,例如,我在下一个添加一条数据,成功之后,我跳转回上一页的记录,这个时候他的样式还是维持在上一次的状况下.解决方案:重新跳转列表页,让其进行强制刷新即可

  使用:

  3) ​​template.js​​

    说明:template.js是一款JavaScript模板引擎,用来渲染页面

    使用:

 

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

前端开发之常用插件_下拉框_05

 

  说明:简介而好用的下拉框加搜索插件

     

      5) ​​Jquery.barrager.js​​     专业的网页弹幕插件

 前端开发之常用插件_插件_06

 

  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="提示内容"

前端开发之常用插件_下拉框_07

 

  7) j​​qcloud​​ 云词

前端开发之常用插件_插件_08

 


举报

相关推荐

0 条评论