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

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

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

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

让 iframe 页面强制刷新的方法

在复杂的后台类系统中,为了简单的接入祖传项目、外部不可控页面时,iframe 是一个较为简单合适的方案。 在域名相同的情况下,可以很简单的通过 $iframe.contentWindow.location.reload(true) 方法,强制刷新 iframe 页面。 当域名不同时,由于同源策略的限制,该 API 变为不可用。此时可用的刷新方案有两种: 调用 replace API: $ifram
让 iframe 页面强制刷新的方法

一次 webpack dll 无效的场景原因分析与解决

在对一个庞大的 Angular 项目进行构建优化时,为其增加了 webpack dll 配置。但是执行后发现 dll 没有生效,配置在 dll 中的依赖仍然会被打包在运行时 chunks 当中。 经过调试 DllReferencePlugin 发现 manifest 中的路径似乎不太对。打开 manifest.json 文件,发现其中的依赖路径都是类似这样的: \"content\":{\"../nod
一次 webpack dll 无效的场景原因分析与解决

正确区分开发与生产模式:移除调试代码的几种方法

不要将开发模式的调试代码带到生产环境,否则你的实现方式可能是存在安全隐患的。本文主要介绍了可能给生产环境提供调试“后门”的方式,以及基于环境变量、魔术常量、以及`strip-loader`构建工具插件实现对非当前环境的调试代码进行清理的几种方法与原理,并分析了他们各自的优缺点。
正确区分开发与生产模式:移除调试代码的几种方法