Iframe 与 SameSite:Iframe 中设置 cookie 失败的原因及解决方案 从 Chrome 51 开始,其针对 Cookie 新增加了一个 SameSite 属性,用于防止 CSRF 攻击和用户追踪等。 而从 Chrome 80 开始 SameSite 默认值发生改变,由 None 变为 Lax,由此导致许多在网页上跳转跨站的网站页面时不会携带 Cookie,造成登录态失效等一系列问题。此外,在基于 https 的 iframe 页面中设置 cookie 也会失效。 1 前端开发 任侠 2023-10-30 6493 热度 0评论
edge 浏览器保持 setTimeout/setInterval 不被冷却暂停的方法 当 edge 浏览器进入后台时,其网页中的 setTimeout 定时器可能会因为性能优化策略而被冷却暂停,直至页面再次恢复焦点。 我们有两种办法可以避免这种现象的发生。 方法一:关闭 edge 效率模式 在 edge 浏览器中按快捷键 Alt + F,选择 设置 -> 系统和性能 -> 性能优化。也可以直接在地址栏中输入地址 edge://settings/system 然后回车直接 前端开发 任侠 2023-08-27 6092 热度 0评论
Node.js 和 Electron 中 Native 原生 addon 模块的 .node 文件离线加载方案 1 Node.js 加载 Native 模块 .node 文件的方法 在 Node.js 中加载由 C++、Rust 等其他编程语言编译的 .node 二进制模块文件,可以有两种方式。 1.1 方式一:直接使用 require 加载 示例: const filepath = path.resolve(`./sqlcipher/${process.platform}-${process.arch}. 前端开发 任侠 2023-08-20 1228 热度 0评论
npm 仓库私有包离线化安装方案 在某个前端项目中,存在对内网私有仓库维护和发布的 npm 包依赖。 现在该项目需转移至无法访问私有仓库环境的外部云平台上,进行持续集成构建和部署,会发生私有包无法下载而失败的问题。 下面基于当前主流的包管理器 npm、yarn 和 pnpm 分别探讨可用的解决方案。其中私有仓库 scope 以 @lzwme 作为示例。 1 使用 npm 的私有包离线化安装方案 npm 支持以 file: 协议的方 前端开发 任侠 2023-08-07 3437 热度 0评论
@lzwme/m3u8-dl:开发一个 m3u8 视频批量下载工具 @lzwme/m3u8-dl 是一个基于Node.js开发的支持多线程并发批量下载M3U8视频的命令行工具,其最基本的功能是可以根据给定的一个或多个M3U8链接进行多线程的并发下载,然后转换为 mp4 格式,同时也支持 API 方式调用。 前端开发 任侠 2023-07-10 3263 热度 0评论
M3U8 格式与在线视频播放播简介 M3U8 格式文件是一个纯文本文件,它是 HLS 协议规范的一部分,遵循 HLS 协议定义的在线多媒体播放列表(Playlist)规范。 前端开发 任侠 2023-07-06 2566 热度 0评论
[QCon2023广州站][PPT]广发证券投易通客户端的前端架构演进与实践 四月份向 QCon 2023 广州站主办方提交了一个演讲主题《广发证券投易通客户端的前端架构演进与实践》,有幸被专题出品人选中。由于对外演讲稿需经公司合规审核流程,在前期主办方收集信息时选择了 PPT 及演讲视频不可公开。后面合规审核通过后,跟编辑邓邓反馈了 PPT 可以公开,但可能是因为当时大会已举办完成,官网上并未继续公开相关内容,这里在文末尾提供了当时的演讲稿 PDF 版。 本文并不打算对演 前端开发 任侠 2023-06-25 1609 热度 0评论
搭建支持内网私有 npm 仓库的 unpkg CDN 站点 本文对 unpkg 的服务和实现原理作了简单介绍,并提供了私有化部署的 fork 修改方案参考。希望能对有此类需求的同学提供一定的帮助。 前端开发 任侠 2023-02-14 2736 热度 0评论
echarts 4 柱状堆叠图溢出的原因与解决办法 echarts 的柱状图类型,配置了 stack 项时,可以实现为柱状堆叠图的效果。近期在某个使用 echarts 4 的项目中,测试同学反馈出现了溢出现象,即部分数据不可见。下图是在官方示例中进行的还原,可以看到第一列的最后一个数据 100 因为溢出而不可见: 经过观察其表现分析可以初步看出,由于设置了 barMinHeight 参数,当存在较多的小数据值时,该设置会导致堆叠图有较大部分的空间预 前端开发 任侠 2022-12-28 2092 热度 0评论
升级至 Angular 13+ 后开发模式太慢的原因及构建性能优化 这是一篇升级 Angular 13后遇到的问题实践经验与总结。主要包括了开发模式下构建速度慢的原因分析与解决和自定义 webpack 配置 dll 支持的方法。 前端开发 任侠 2022-12-18 1796 热度 0评论