Iframe 与 SameSite:Iframe 中设置 cookie 失败的原因及解决方案

从 Chrome 51 开始,其针对 Cookie 新增加了一个 SameSite 属性,用于防止 CSRF 攻击和用户追踪等。 而从 Chrome 80 开始 SameSite 默认值发生改变,由 None 变为 Lax,由此导致许多在网页上跳转跨站的网站页面时不会携带 Cookie,造成登录态失效等一系列问题。此外,在基于 https 的 iframe 页面中设置 cookie 也会失效。 1
Iframe 与 SameSite:Iframe 中设置 cookie 失败的原因及解决方案

edge 浏览器保持 setTimeout/setInterval 不被冷却暂停的方法

当 edge 浏览器进入后台时,其网页中的 setTimeout 定时器可能会因为性能优化策略而被冷却暂停,直至页面再次恢复焦点。 我们有两种办法可以避免这种现象的发生。 方法一:关闭 edge 效率模式 在 edge 浏览器中按快捷键 Alt + F,选择 设置 -> 系统和性能 -> 性能优化。也可以直接在地址栏中输入地址 edge://settings/system 然后回车直接
edge 浏览器保持 setTimeout/setInterval 不被冷却暂停的方法

npm 仓库私有包离线化安装方案

在某个前端项目中,存在对内网私有仓库维护和发布的 npm 包依赖。 现在该项目需转移至无法访问私有仓库环境的外部云平台上,进行持续集成构建和部署,会发生私有包无法下载而失败的问题。 下面基于当前主流的包管理器 npm、yarn 和 pnpm 分别探讨可用的解决方案。其中私有仓库 scope 以 @lzwme 作为示例。 1 使用 npm 的私有包离线化安装方案 npm 支持以 file: 协议的方
npm 仓库私有包离线化安装方案

[QCon2023广州站][PPT]广发证券投易通客户端的前端架构演进与实践

四月份向 QCon 2023 广州站主办方提交了一个演讲主题《广发证券投易通客户端的前端架构演进与实践》,有幸被专题出品人选中。由于对外演讲稿需经公司合规审核流程,在前期主办方收集信息时选择了 PPT 及演讲视频不可公开。后面合规审核通过后,跟编辑邓邓反馈了 PPT 可以公开,但可能是因为当时大会已举办完成,官网上并未继续公开相关内容,这里在文末尾提供了当时的演讲稿 PDF 版。 本文并不打算对演
[QCon2023广州站][PPT]广发证券投易通客户端的前端架构演进与实践

echarts 4 柱状堆叠图溢出的原因与解决办法

echarts 的柱状图类型,配置了 stack 项时,可以实现为柱状堆叠图的效果。近期在某个使用 echarts 4 的项目中,测试同学反馈出现了溢出现象,即部分数据不可见。下图是在官方示例中进行的还原,可以看到第一列的最后一个数据 100 因为溢出而不可见: 经过观察其表现分析可以初步看出,由于设置了 barMinHeight 参数,当存在较多的小数据值时,该设置会导致堆叠图有较大部分的空间预
echarts 4 柱状堆叠图溢出的原因与解决办法