四月份向 QCon 2023 广州站主办方提交了一个演讲主题《广发证券投易通客户端的前端架构演进与实践》,有幸被专题出品人选中。由于对外演讲稿需经公司合规审核流程,在前期主办方收集信息时选择了 PPT 及演讲视频不可公开…
分类:前端开发
HTML5、CSS、javascript 等 web 前端技术相关
搭建支持内网私有 npm 仓库的 unpkg CDN 站点
本文对 unpkg 的服务和实现原理作了简单介绍,并提供了私有化部署的 fork 修改方案参考。希望能对有此类需求的同学提供一定的帮助。
echarts 4 柱状堆叠图溢出的原因与解决办法
echarts 的柱状图类型,配置了 stack 项时,可以实现为柱状堆叠图的效果。近期在某个使用 echarts 4 的项目中,测试同学反馈出现了溢出现象,即部分数据不可见。下图是在官方示例中进行的还原,可以看到第一列…
升级至 Angular 13+ 后开发模式太慢的原因及构建性能优化
这是一篇升级 Angular 13后遇到的问题实践经验与总结。主要包括了开发模式下构建速度慢的原因分析与解决和自定义 webpack 配置 dll 支持的方法。
让 iframe 页面强制刷新的方法
在复杂的后台类系统中,为了简单的接入祖传项目、外部不可控页面时,iframe 是一个较为简单合适的方案。 在域名相同的情况下,可以很简单的通过 $iframe.contentWindow.location.reload(…
一次 webpack dll 无效的场景原因分析与解决
在对一个庞大的 Angular 项目进行构建优化时,为其增加了 webpack dll 配置。但是执行后发现 dll 没有生效,配置在 dll 中的依赖仍然会被打包在运行时 chunks 当中。 经过调试 DllRefe…
正确区分开发与生产模式:移除调试代码的几种方法
不要将开发模式的调试代码带到生产环境,否则你的实现方式可能是存在安全隐患的。本文主要介绍了可能给生产环境提供调试“后门”的方式,以及基于环境变量、魔术常量、以及`strip-loader`构建工具插件实现对非当前环境的调…
实现一个更快的终端彩色文本格式化工具库
终端中打印的五颜六色的彩色文本,你知道是怎么实现的吗,你都知道或用过哪些相关的工具库呢?来一起了解一下吧!
终端中的彩色文本:ANSI 字符颜色控制指令的格式构成简介
你知道终端上打印的彩色文本是怎样实现的吗?本文主要介绍控制台上关于彩色字符的格式构成规则,并列举一些简单的示例以供参考理解。
如何快速了解项目源文件的构成?基于 Node.js 实现项目源代码数据统计工具
当希望了解一个项目的代码规模时,首先可能会想对项目的源文件数量、代码行数等做一下数据统计。本文介绍了CLOC代码统计工具,以及基于 Node.js 实现个性化项目代码统计分析的实现思路。