知鸦日报2025-05-18

2025-05-17 16:30:00 ~ 2025-05-18 16:30:00

Технологии

Passkeys for Normal People

摘要

Passkeys是一种防钓鱼的登录方式,通过设备存储的加密文件进行身份验证,替代传统的OTP或短信验证。它可与密码管理器或物理安全密钥结合使用,提升账户安全性。尽管不同网站对Passkeys的实现方式不同,但其核心优势在于简化登录流程并降低钓鱼攻击风险。建议在关键服务中启用Passkeys,推动更多平台支持这一技术。

登录后可查看文章图片

Reservoir Sampling

摘要

蓄水池采样是一种在未知数据集大小时进行公平随机采样的技术。通过简单的数学运算,如减法、乘法和除法,可以确保每个元素被选中的概率相等。该方法适用于处理数据流,如日志收集服务,避免内存过载。核心思想是每遇到新元素时,以一定概率替换当前保留的样本,确保最终样本的公平性。x采样不仅高效,还能在数据量未知的情况下保持稳定的内存使用。

Container Query for “is there enough space outside this element?”

摘要

通过结合视口单位和容器查询,实现UI组件中分页箭头的自适应布局。当外部空间足够时,箭头置于组件外;空间不足时,箭头移至内部。使用@container查询和calc函数动态判断空间,无需固定容器尺寸,仅需箭头和间隙的预设值。此方法灵活适应不同容器大小,提升响应式设计效率。

登录后可查看文章图片

The Height Enigma

摘要

CSS中height: 50%有时无效,原因是父元素和子元素的高度相互依赖,形成循环计算。要解决这个问题,需为父元素设置明确的高度,如height: 300pxheight: 24rem,使子元素的百分比高度可计算。使用min-height时,父元素高度仍依赖子元素,导致百分比失效。Flexbox和Grid布局可避免此问题,子元素会自动填充父容器。

登录后可查看文章图片


‹ 2025-05-17 日报 2025-05-19 日报 ›

qrcode

关注公众号
接收推送