Angular 项目如何接入 Google AdSense,并实现动态读取配置和反 Adblock Plus 拦截?

1.6K0
2023-04-14抚云前端原创
AdSense 接入问题,实际上 npm 上已经有一些三方包了,正常的应用场景基本是能覆盖的,但有几个进阶的需求,便需要自己定制开发了:AdSense 配置需要从配置中心读取,以避免 hard code,也就是需要支持通过传入 option key 自动调用配置中心接口动态获取配置。需要区分桌面端和移动端,分别设计不...[阅读全文]

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

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

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

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