在《Angular Universal(SSR)的重复加载问题》一文中曾经介绍过Angular v14.x版本中出现的重复加载(flickering)问题,并给出了解决方案。然而,升级到Angular v15.x后,重复加载问题再次出现了。诡异的是,实际上,state在服务端是正常调用并在页面缓存了的。如下:console.log(1, storedRe...[阅读全文] 在数据大屏(数据看板)场景中,常遇到以折线图方式展现数据的同比情况的需求,即在同一张折线图中显示当前周期和上一周期的数据对比情况,如下图所示:ECharts同比折线图具体的需求包含以下几个方面:在同一张图表中展示2条折线;Tooltip分别提示不同周期的同一时间点的数据详情;弱化显示上一周期...[阅读全文] 众所周知,深色(暗黑)模式(体验本站的深色模式,PC端可以点击页面右上角的月亮/太阳图标,移动端可以点击页面左上角进入菜单后点击月亮/太阳图标)主要是通过CSS的媒体查询(MediaQuery)实现的,如下:/* Light mode */@media (prefers-color-scheme: light) { body { ... }}/* Dark...[阅读全文] 从一些抽象的形而上的角度,谈谈为什么选择Angular。[阅读全文] 近日,无意中点击ECharts饼图图例时,发现隐藏某个数据点后,其它数据点的百分比显示不正常,既不是数据点本身的百分比,也不是隐藏某个数据点后重新计算的剩余数据的百分比。正常情况下,显示如下图:ECharts饼图显示百分比隐藏某个数据点后,显示如下:ECharts饼图错误的百分比可以发现,图中...[阅读全文] 数据大屏中的折线图的一个典型场景是根据查询的统计时间范围不同显示不同时间粒度的折线图,如:按月、按年,以及分时图等,如果在以年为周期的图表中仍然显示分钟、小时数据,无疑是怪异的。以月为粒度的折线图以天为粒度的折线图以小时为粒度的折线图因此,就需要对传入的统计时间范围参数做一个判断...[阅读全文] 梧桐CMS管理后台数据看板在解决了数据断点问题后,整个数据看板(数据大屏)宣告完工,耗时:开发2天(含文档学习、架构设计,及API、前端开发),优化、Bug修复1天。无论是过程,还是结果,都是相当满意,也可谓收获满满。故,在此做一番总结和感慨……缘起关于数据大屏,内心一直...[阅读全文] Web页面的支付宝登录,直接调用支付宝登录API即可,但在手机端上访问时,会出现“请在支付宝客户端打开链接”的问题:官方文档中解释如下:该报错一般是在手机H5页面报错,是由于在支付宝客户端外(如在手机浏览器或者在自己App客户端内置浏览器H5页面)访问授权链接导致。报错原因:...[阅读全文] 升级到Angular v14.x版本后,发现刷新页面时会出现闪现(flickering)的情况,查看控制台,发现是重复请求的问题,即:服务端发起请求后,在客户端又重新发起了一次请求。此问题在刚开始接触Angular Universal时已经踩过坑,彼时是通过引入TransferHttpCacheModule、BrowserTransferStateMo...[阅读全文]