2025年8月18日
一个Vue3 PDF阅读器组件及用法（功能可定制）
摘要： vue-pdf.js github: https://github.com/tuttarealstep/vue-pdf.js 文档：https://stefanovalenzano.info/vue-pdf.js/ 安装 npm install @tuttarealstep/vue-pdf.js 使 阅读全文
posted @ 2025-08-18 17:59 jsper 阅读(125) 评论(0) 推荐(0)
go语言系统http3方案
摘要： 不同层级的HTTP3 系统级HTTP/3(QUIC协议)，linux正在研究，若实现，语言级的QUIC实现可转调系统的提升效率。 语言级HTTP/3(QUIC协议)，比如go语言实现，在语言级别支持HTTP3/QUIC，用于充当客户端发起HTTP3请求和充当服务端进行HTTP3响应，go语言正在实现 阅读全文
posted @ 2025-08-18 09:16 jsper 阅读(44) 评论(0) 推荐(0)
2025年8月12日
Springboot+vue3 MinIO文件前端直传例子
摘要： 代码基于Springboot (maven) + vue3 (element-plus) 使用MinIO既可以提交给后端上传也可以前端直接上传，如果文件是从前端提交最好还是前端传比较好，通过MinIO生成签名URL能保证安全，前端直传省去后端中转也能提高传输效率。 以下例子后端部分仅支持了生成签名u 阅读全文
posted @ 2025-08-12 11:49 jsper 阅读(192) 评论(0) 推荐(0)
2025年1月20日
css 实现瀑布流布局
摘要： 效果： 代码： <div class="container"> <div class="item" style="height:50px"></div> <div class="item" style="height:20px"></div> <div class="item" style="hei 阅读全文
posted @ 2025-01-20 21:59 jsper 阅读(30) 评论(0) 推荐(0)
2024年12月26日
HTML实现一个脱离video标签可拖拽的进度控制条
摘要： HTML实现一个脱离video标签可拖拽的进度控制条 主要用到html5的 input range 标签。 <!DOCTYPE html> <html> <body> <video id="myVideo" width="320" height="240"> <source src="http:// 阅读全文
posted @ 2024-12-26 13:58 jsper 阅读(204) 评论(0) 推荐(0)
2024年12月13日
PHP实现登录错误次数限制
摘要： 以下代码旨在实现逻辑，状态记录在cookie里不好，攻击者可以清除cookie，为了安全起见应将状态存储到缓存服务器，如redis <div style="width:100%;height:100%;display:flex;flex-direction:column;justify-conten 阅读全文
posted @ 2024-12-13 17:42 jsper 阅读(75) 评论(0) 推荐(0)
判断页面是否已经打开了，防止重复打开同一个页面
摘要： 方式一：给target起一个固定的名字，这样每次点击链接或者window.open时都在同一个页签加载网页。 <a href="aaa.html" target="mypage">打开</a> window.open('aaa.html', 'mypage'); 方式二：js判断 let windo 阅读全文
posted @ 2024-12-13 09:42 jsper 阅读(442) 评论(0) 推荐(0)
2024年11月12日
js修改css变量值实现主题切换
摘要： js修改css变量值实现主题切换 /** * 主题颜色主要包含强调色（比主色更深一点）、主色（文本色）、辅色（比主色浅一点）、浅色、超浅色、灰色、白色， * 前4个颜色依次由深到浅 * 强调色、辅色、浅色、超浅色通过主色调整颜色深度计算得出。 */ // 主色 const themePrimaryC 阅读全文
posted @ 2024-11-12 20:20 jsper 阅读(125) 评论(0) 推荐(0)
2024年7月17日
一个前端页面各布局块自由伸缩的js插件
摘要： 可在任意两个元素之间插入伸缩控件，不需要改元素代码，添加插件代码即可。 效果： 用法： 引入js <script src="./flexible-bar.js"></script> 在需要伸缩的两个元素之间添加伸缩块： <flexible-bar size="10px" lineColor="#40 阅读全文
posted @ 2024-07-17 17:49 jsper 阅读(298) 评论(0) 推荐(0)
2024年7月15日
用css样式修改svg、图片颜色
摘要： 主要是利用css滤镜的投影drop-shadow来实现，方法是将原svg或png图片移动到网页看不见的地方，然后对svg或图片投影到原位置，影子实心不虚散，对影子进行颜色控制。 其实也就是在元素位置显示元素的影子，这个影子颜色是可以随意指定的。 css: :root { --color: #7a65 阅读全文
posted @ 2024-07-15 13:42 jsper 阅读(613) 评论(0) 推荐(0)
下一页