首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    原生js版分页插件

    之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件,今天简单改造了一下,改成了原生JavaScript版本的分页插件,可以自定义一些简单配置,特此记录下来。...自己实现的简单小插件,把分页部分的css样式写在了插件paging.js中,以动态创建style标签的方式,加入到页面中。...1、代码部分: 1.1、插件 - paging.js 分页的css样式写在插件中,动态创建style标签,加载到页面中。在该js中有一个Paging构造函数。...在构造函数中有两个参数,第一个是自定义分页参数的js对象,第二个是回调函数。 在构造函数中有一个initPage()方法。用来渲染分页DOM结构。...DOCTYPE html> js版分页插件 <style

    36.7K121

    《大胖 • 小课》- 不用 js 实现文件无刷新上传

    这是《大胖小课》栏目的专题一《说说文件上传那些事儿》的第3节-《不用 js 实现文件无刷新上传》 专题已经更新章节: 《大胖 • 小课》- 我是这样理解文件上传原理的 《大胖 • 小课》- 写一个文件上传接口...既然要说不用 js 实现文件无刷新上传,那就要先说说最原始的文件上传,也就是在 ie 时代是怎么处理的。...最原始的文件上传 使用 form 表单上传文件 在 ie时代,如果实现一个无刷新的文件上传那可是费老劲了,大部分都是用 iframe 来实现局部刷新或者使用 flash 插件来搞定,在那个时代ie 就是最好用的浏览器...这种方式上传文件,不需要 js ,而且没有兼容问题,所有浏览器都支持,就是体验很差,导致页面刷新,页面其他数据丢失。...(不用 js 的无刷新上传) - iframe 这里说的是在 ie 时代的上传文件局部刷新,借助 iframe 实现。

    1.6K20

    Vue + Axios + Node.js(Express)如何实现无感刷新Token?

    在前后端分离架构中,Vue前端配合Axios发起请求,Node.js(Express)搭建后端服务时,可实现Token无感刷新以提升用户体验。...若即将过期,先调用“刷新Token接口”,用有效的RefreshToken换取新的AccessToken。用新的AccessToken发起原业务请求,用户全程无感知。...无效;403=RefreshToken过期/无效二、前端实现(核心代码)1.初始化Axios实例(api/index.js)封装请求/响应拦截器,处理Token携带、刷新和重试逻辑:importaxiosfrom'axios...(防止并发请求重复刷新Token)letisRefreshing=false;//是否正在刷新TokenletrequestQueue=[];//等待刷新完成的请求队列//4.请求拦截器:自动给所有请求添加...AccessToken可存在内存(如Vuex/Pinia),页面刷新后通过Cookie获取RefreshToken重新刷新。

    61920
    领券