-
width动画常失效，因auto或%等非确定值无法插值；须用px/em/rem等明确单位作起始值，transition写在默认状态，避免与flex混用；推荐max-width或flex方案更稳定。
-
max-width:100%不生效的主因是父容器无宽度、内联宽高覆盖、flex/grid中min-width:auto阻碍缩放；必须配合height:auto保持比例，且需检查srcset/sizes和Safari渲染问题。
-
不能，HTML的required、pattern等属性仅触发浏览器前端校验，服务端校验必须由后端代码独立实现，且需通过JSONSchema等方式同步规则，配合composition事件处理中文输入，并用JS动态注入错误提示。
-
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或路由动态注入，同时需白名单校验与安全控制。
