Angular 15的Standalone Component和Angular Universal(SSR)的重复加载问题

920
2023-03-03抚云前端架构原创
在《Angular Universal(SSR)的重复加载问题》一文中曾经介绍过Angular v14.x版本中出现的重复加载(flickering)问题,并给出了解决方案。然而,升级到Angular v15.x后,重复加载问题再次出现了。诡异的是,实际上,state在服务端是正常调用并在页面缓存了的。如下:console.log(1, storedRe...[阅读全文]

ECharts同比折线图(双折线图)实现

5790
2023-01-10抚云前端原创
在数据大屏(数据看板)场景中,常遇到以折线图方式展现数据的同比情况的需求,即在同一张折线图中显示当前周期和上一周期的数据对比情况,如下图所示:ECharts同比折线图具体的需求包含以下几个方面:在同一张图表中展示2条折线;Tooltip分别提示不同周期的同一时间点的数据详情;弱化显示上一周期...[阅读全文]

完美的Angular深色(暗黑)模式解决方案

2570
2022-12-19抚云前端原创
众所周知,深色(暗黑)模式(体验本站的深色模式,PC端可以点击页面右上角的月亮/太阳图标,移动端可以点击页面左上角进入菜单后点击月亮/太阳图标)主要是通过CSS的媒体查询(MediaQuery)实现的,如下:/* Light mode */@media (prefers-color-scheme: light) { body { ... }}/* Dark...[阅读全文]

ECharts饼图的百分比显示问题

2.9K0
2022-11-07抚云前端原创
近日,无意中点击ECharts饼图图例时,发现隐藏某个数据点后,其它数据点的百分比显示不正常,既不是数据点本身的百分比,也不是隐藏某个数据点后重新计算的剩余数据的百分比。正常情况下,显示如下图:ECharts饼图显示百分比隐藏某个数据点后,显示如下:ECharts饼图错误的百分比可以发现,图中...[阅读全文]

数据大屏总结:折线图的日期统计粒度变化问题

3060
2022-11-03抚云前端原创
数据大屏中的折线图的一个典型场景是根据查询的统计时间范围不同显示不同时间粒度的折线图,如:按月、按年,以及分时图等,如果在以年为周期的图表中仍然显示分钟、小时数据,无疑是怪异的。以月为粒度的折线图以天为粒度的折线图以小时为粒度的折线图因此,就需要对传入的统计时间范围参数做一个判断...[阅读全文]

数据看板(数据大屏)总结

4010
2022-10-31抚云全栈前端Node.js架构原创
梧桐CMS管理后台数据看板在解决了数据断点问题后,整个数据看板(数据大屏)宣告完工,耗时:开发2天(含文档学习、架构设计,及API、前端开发),优化、Bug修复1天。无论是过程,还是结果,都是相当满意,也可谓收获满满。故,在此做一番总结和感慨……缘起关于数据大屏,内心一直...[阅读全文]

会员手机H5端支付宝登录问题解决方案

4820
2022-10-18抚云全栈前端原创
Web页面的支付宝登录,直接调用支付宝登录API即可,但在手机端上访问时,会出现“请在支付宝客户端打开链接”的问题:官方文档中解释如下:该报错一般是在手机H5页面报错,是由于在支付宝客户端外(如在手机浏览器或者在自己App客户端内置浏览器H5页面)访问授权链接导致。报错原因:...[阅读全文]