- 博客(6)
- 收藏
- 关注
原创 使用a标签下载修改文件名失败
摘要:使用a标签下载跨域资源时,设置download属性修改文件名会失效,原因是浏览器限制跨域文件下载命名。解决方案是改用fetch API获取资源并转换为Blob对象,通过URL.createObjectURL生成临时链接,再使用a标签下载。这种方法能绕过跨域限制实现自定义文件名,且需注意释放临时URL内存。
2025-07-10 13:49:30
282
原创 node全量代理问题
摘要:HTTPS代理懒加载图片资源失败问题分析 在使用Node.js代理将HTTP资源转为HTTPS时,发现部分图片资源代理失败。经分析,问题源于这些图片采用懒加载技术,真实请求地址存储在data-src属性而非src属性,导致请求未经过代理。解决方案包括:1)改用nginx代理;2)通过hosts或DNS劫持强制流量经过Node;3)若可修改HTML代码,直接修改data-src为HTTPS地址。该问题揭示了懒加载资源在代理场景下的特殊处理需求。
2025-07-03 19:51:02
201
原创 React使用懒加载加载列表
本文介绍了React中实现懒加载的步骤及优势。懒加载能提升性能与用户体验,主要通过监听滚动事件动态加载数据。实现步骤包括:1)引入相关库和hooks;2)设置状态管理数据、页码和是否还有更多数据;3)编写获取数据的异步函数,并添加防抖处理;4)使用useRef获取DOM元素,监听滚动到底部事件触发加载。关键点在于防抖处理和数据加载逻辑,确保滚动时高效加载新数据而不影响性能。
2025-07-01 17:39:53
156
原创 React 项目中setInterval 内部访问不到最新的 state 问题
React状态管理:useState与useRef对比 在React中,useState由于闭包特性在定时器内无法获取最新值,而useRef作为可变容器不受闭包影响。主要区别: 闭包影响:useState受闭包限制,useRef不受影响 渲染触发:useState变化会重新渲染,useRef不会 定时器应用:推荐在定时器中使用useRef保存需要频繁更新的值 解决方案是将state同步到ref使用,既保持状态管理又解决闭包问题。
2025-06-30 14:11:47
350
原创 漏洞处理-登陆成功或是退出后会话cookie不清理(node)
会话固定(Session fixation)是一种诱骗受害者使用攻击者指定的会话标识(SessionID)的攻击手段。这是受害者在使用攻击者事先设置的会话标识登陆成功后,由于网站没有重新设置会话标识,将导致用户账户被窃取。
2025-05-27 15:52:37
193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1