-
不能。CSS动画不支持filter数值自动插值，必须在@keyframes中显式写出完整filter:hue-rotate(...)声明，且需注意兼容性、性能及与background-color的混色问题。
-
浮动导致父容器高度塌陷，使后续元素上移造成视觉错位；根本原因是父容器无法感知浮动子元素，应通过触发BFC（如overflow:hidden或display:flow-root）解决。
-
是，Chrome、Edge、Safari等支持浏览器会自动添加清除按钮（×），无需JS或CSS实现；Firefox默认不显示，需手动处理。
-
JavaScript状态管理核心是让数据变化可预测、可追踪、可调试；小应用用useState/useReducer，中大型才需Redux等集中式方案，选型应匹配业务复杂度。
-
真正的防御必须从「锁定目标」和「识别模式」开始：只监听支付按钮、登录表单等关键容器，配置childList+subtree+attributes（限class/style/hidden），回调中快速筛检高危变更，修复前必disconnect，且需配合load事件等补位document.write等绕过场景。
-
直接写.responsive-font()会编译失败，因为定义时若漏掉括号（如.responsive-font{...}）则不被视为Mixin，调用时.responsive-font()就报undefined；且调用必须带括号，参数类型须匹配，默认值确保空参可编译。
-
Less组件化需三原则：一用scope前缀隔离变量（如@card-bg-color）；二限制嵌套≤3层并禁跨组件@import；三主题切换须预编译多套CSS而非运行时改变量。
-
HTML5元素可单独对齐：一、inline-block+text-align；二、margin:auto+块级显示；三、Flexbox的justify-content/align-self；四、Grid的place-self；五、transform偏移。
-
用display:inline或inline-block可使块级元素横排，但inline不支持宽高和上下margin，inline-block有基线对齐缝隙；现代推荐flex布局，父设display:flex即可自动横排，兼容性好且无间隙问题。
-
async函数总是返回Promise对象，直接console.log()会显示"Promise{pending}"；必须使用await或.then()显式等待其解析后才能获取最终值。
-
Less中写媒体查询需用&显式绑定父选择器，如.nav{@media(max-width:768px){&{display:none;}}}；避免深层嵌套、冗余循环和无效组合，合理拆分文件并使用变量管理断点与移动端样式。
-
HTML是声明式标记语言，只描述结构与语义，不执行逻辑；其核心价值在于通过语义化标签（如<header>、<nav>、<main>）明确内容角色，支撑SEO、无障碍访问与代码可维护性。
-
Chrome和Edge强制将小于12px的font-size提升至12px以保障可访问性，Firefox无此限制但受用户级最小字号设置影响；可通过transform:scale()、SVG文字或图片替代等方法绕过，需注意布局补偿与兼容性。
-
crypto.subtle.importKey导入失败主因是密钥格式、算法名称或usages三者不匹配：密钥须为ArrayBuffer（非PEM/Base64）、算法名须与密钥类型严格对应（如AES-GCM不能用于RSA）、usages必须包含后续实际操作（如encrypt/decrypt）。
-
用CSSGrid实现响应式书架网格的核心是grid-template-columns:repeat(auto-fit,minmax(240px,1fr))，配合gap:1.5rem、卡片内flex-column布局、封面图aspect-ratio:2/3+object-fit:cover、交互仅用transform/opacity避免重排，以及文字用-webkit-line-clamp和clamp()自适应截断。
