从 Chrome 51 开始,其针对 Cookie 新增加了一个 SameSite 属性,用于防止 CSRF 攻击和用户追踪等。 而从 Chrome 80 开始 SameSite 默认值发生改变,由 None 变为 La…
分类:前端开发
HTML5、CSS、javascript 等 web 前端技术相关
edge 浏览器保持 setTimeout/setInterval 不被冷却暂停的方法
当 edge 浏览器进入后台时,其网页中的 setTimeout 定时器可能会因为性能优化策略而被冷却暂停,直至页面再次恢复焦点。 我们有两种办法可以避免这种现象的发生。 方法一:关闭 edge 效率模式 在 edge …
npm 仓库私有包离线化安装方案
在某个前端项目中,存在对内网私有仓库维护和发布的 npm 包依赖。 现在该项目需转移至无法访问私有仓库环境的外部云平台上,进行持续集成构建和部署,会发生私有包无法下载而失败的问题。 下面基于当前主流的包管理器 npm、y…
@lzwme/m3u8-dl:开发一个 m3u8 视频批量下载工具
@lzwme/m3u8-dl 是一个基于Node.js开发的支持多线程并发批量下载M3U8视频的命令行工具,其最基本的功能是可以根据给定的一个或多个M3U8链接进行多线程的并发下载,然后转换为 mp4 格式,同时也支持 …
M3U8 格式与在线视频播放播简介
M3U8 格式文件是一个纯文本文件,它是 HLS 协议规范的一部分,遵循 HLS 协议定义的在线多媒体播放列表(Playlist)规范。
[QCon2023广州站][PPT]广发证券投易通客户端的前端架构演进与实践
四月份向 QCon 2023 广州站主办方提交了一个演讲主题《广发证券投易通客户端的前端架构演进与实践》,有幸被专题出品人选中。由于对外演讲稿需经公司合规审核流程,在前期主办方收集信息时选择了 PPT 及演讲视频不可公开…
搭建支持内网私有 npm 仓库的 unpkg CDN 站点
本文对 unpkg 的服务和实现原理作了简单介绍,并提供了私有化部署的 fork 修改方案参考。希望能对有此类需求的同学提供一定的帮助。
echarts 4 柱状堆叠图溢出的原因与解决办法
echarts 的柱状图类型,配置了 stack 项时,可以实现为柱状堆叠图的效果。近期在某个使用 echarts 4 的项目中,测试同学反馈出现了溢出现象,即部分数据不可见。下图是在官方示例中进行的还原,可以看到第一列…
升级至 Angular 13+ 后开发模式太慢的原因及构建性能优化
这是一篇升级 Angular 13后遇到的问题实践经验与总结。主要包括了开发模式下构建速度慢的原因分析与解决和自定义 webpack 配置 dll 支持的方法。
让 iframe 页面强制刷新的方法
在复杂的后台类系统中,为了简单的接入祖传项目、外部不可控页面时,iframe 是一个较为简单合适的方案。 在域名相同的情况下,可以很简单的通过 $iframe.contentWindow.location.reload(…