-
HTML通知仅为前端展示层，真后台推送需ServiceWorker+WebPushAPI；NotificationAPI仅支持页面开启时的桌面通知，iOSSafari完全不支持；WebPush需HTTPS、用户授权、后端VAPID推送服务配合。
-
JavaScript通过消息队列和事件循环实现异步编程，消息队列暂存异步回调，事件循环在调用栈为空时将任务依次推入执行，微任务优先于宏任务，事件驱动架构则通过监听用户或系统事件触发回调，两者协同确保异步任务有序执行且不阻塞主线程。
-
纯CSS无法实现真正鼠标跟随，必须用JavaScript监听mousemove事件获取坐标，结合transform平滑移动元素，并推荐使用requestAnimationFrame优化性能。
-
fixed元素未贴底主因是top与bottom同时设置冲突；正确做法仅设bottom:0，避免top干扰，且需注意iOS键盘弹出、安全区及z-index遮挡等问题。
-
height:auto是块级元素默认行为，无需手动设置；常见问题包括显式height、flex布局中父容器无高度、absolute定位脱离文档流、box-sizing导致视觉异常，且min-height:fit-content兼容性差。
-
position:sticky导航栏纹丝不动，最常见原因是未设top等偏移值、父容器overflow非visible、高度未定义或存在transform等触发层叠上下文的属性。
-
Intl.NumberFormat('en-US',{style:'percent'})默认将输入值乘以100再加%符号；传入0.12得12%，若后端返回整数12则需先除以100，否则会显示1200%。
-
required属性通过浏览器内置验证提升用户体验和数据质量，1.确保必填字段不为空，2.提供即时反馈减少用户挫败感，3.过滤基础无效数据提高数据完整性。但仅依赖该属性并不安全，1.客户端验证易被绕过，2.无法阻止恶意请求，3.必须配合服务器端验证。结合JavaScript可实现更高级验证，1.自定义错误提示信息，2.动态条件验证，3.实时输入反馈增强用户体验。
-
干净的脉冲缩放动画需用@keyframes定义scale(1)→scale(1.05–1.1)→scale(1)循环，配合ease-out、transform-origin:center及infinite；缺一不可。
-
alt属性是HTML中必需属性，用于在图像加载失败、屏幕阅读器读取或搜索引擎解析时提供准确、简洁、非冗余的替代文本；装饰性图片必须设为alt=""，不可省略或填充无效内容。
-
TailwindCSS默认不支持text-justify类，需手动在tailwind.config.js的theme.extend.textAlign中添加'justify':'justify'才能启用；且中文两端对齐效果差，易出现标点悬出、字距突兀等问题，推荐优先使用text-start/text-end或控制容器宽度实现更稳定的排版。
-
异步组件由后端返回的明确标识（如componentKey、modulePath、schemaType）驱动加载，前端通过注册表映射标识到动态import工厂函数，并结合defineAsyncComponent或路由动态注入，同时需白名单校验与安全控制。
-
纯前端每日签到可实现演示级功能：用东八区标准日期（getTodayString()）比对localStorage中的lastSignInDate，点击按钮时校验是否当日首次签到，成功则更新签到次数与日期，失败给出存储异常提示；按钮通过data-signed属性与CSS联动实现视觉反馈，但需注意其不可防篡改，真实场景必须依赖后端校验。
-
本文详解如何通过合理嵌套Flexbox容器与语义化HTML结构，将标题文本置于顶部、四个蓝色方块水平并排显示在其正下方，避免父子元素错位与行内流干扰。
-
JSON是轻量级文本交换格式，非JavaScript对象或类，仅含parse()和stringify()两个静态方法；parse()严格校验标准JSON语法，stringify()忽略函数/undefined/Symbol/循环引用，且fetch的.json()不可重复调用。
