PWA 图标：maskable 与安全区域适配
---
title: PWA 图标：maskable 与安全区域适配
keywords:
- maskable
- Web App Manifest
- 图标安全区域
- 适配
- 角标
description: '介绍 PWA 的 maskable 图标与安全区域适配，使用 `purpose: maskable` 提供可裁剪区域，避免系统蒙版裁剪重要内容，并给出设计与清单示例。'
categor...
技术教程
Periodic Background Sync：周期性同步与节流策略
---
title: Periodic Background Sync：周期性同步与节流策略
keywords:
- PeriodicSyncManager
- register
- periodicSync
- 最小间隔
- 节流
description: 使用 Periodic Background Sync 在网络可用时进行周期性任务执行，结合最小间隔与退避治理，提升离线与弱网场景的可靠性。...
CDN 边缘函数与缓存策略（TTL、缓存键、地理路由与 KV 存储）
介绍 CDN 边缘函数的典型用法，设计 TTL 与缓存键策略，并基于地理路由与 KV 存储实现低延迟与高命中率。
CSS @property：注册自定义属性与过渡
使用 @property 注册可动画的自定义属性，提供类型、继承与初始值定义，使属性参与插值与过渡，并给出兼容与降级建议。
CSS Houdini Paint Worklet：自定义绘制与性能边界
介绍 Paint Worklet 的注册与使用，如何以 CSS 调用自定义绘制提升灵活性，并说明输入属性、性能注意与回退策略，提供示例与参考。
CSS Nesting：原生层级选择与可读性提升
采用原生 CSS 嵌套语法提升样式结构化与可读性，结合 & 引用与 @nest 处理复杂关系，并给出兼容与性能建议。
CSS Subgrid与布局体系治理
利用 CSS Subgrid 构建可复用的布局体系，在嵌套网格中共享轨道与对齐，提升响应式与可维护性。
CSS overflow-anchor：滚动锚定与内容插入的稳定性
说明滚动锚定机制与 `overflow-anchor` 属性的控制，在动态内容插入时避免滚动位置意外跳动，提升阅读与交互稳定性，并给出适用场景与示例。
CSS 圆锥渐变：conic-gradient 的应用与性能
介绍 `conic-gradient` 的语法与应用场景（进度环、饼图、指示盘），说明色标与角度控制、遮罩与叠加技巧，以及性能与兼容建议。
CSS 现代色彩空间：color()、lab、lch 与显示器
介绍 CSS 现代色彩函数及广色域支持，如何在显示器与浏览器中使用更准确的颜色，并给出示例与兼容策略。
Flink Exactly-Once 语义（Checkpoint、Two-Phase Commit、状态后端）
讲解 Flink 的 Exactly-Once 保障机制，涵盖 Checkpoint 与两阶段提交、状态后端选择与验证方法，提升流处理可靠性。
Flink实时计算作业资源与检查点优化
通过并行度与算子链优化、检查点与状态后端选择、回压与重启策略治理，提升 Flink 作业的稳定性与吞吐，并给出验证方法。
Kafka Connect S3 Sink分区与格式实践
配置Kafka Connect S3 Sink将消息落地到S3并进行分区与格式化，提供可验证的Connector配置与验证命令，支撑数仓与分析。
Kafka 架构与消费组最佳实践（2025）
# Kafka 架构与消费组最佳实践（2025）
Kafka 以分区与副本实现高吞吐与扩展性。本文聚焦消费组、重平衡与幂等处理的工程要点。
## 一、分区与副本
- 分区：提升并行度；按键路由保证同键有序。
- 副本与 ISR：副本同步与故障容忍，提升可用性。
## 二、消费组与重平衡
- 消费组：以组为单位进行分区分配与并行消费。
- 重平衡：控制会话与心跳参数，降低抖动与分配开销。
#
