-
animation-duration不支持CSS变量，需用变量控制@keyframes内calc()计算的关键帧位置，并统一动画启动时机与背景参数。
-
CSS未生效需检查引入方式与路径：一、外链用link标签，确保路径正确且文件存在；二、内嵌用style标签，语法须规范；三、内联用style属性，注意优先级；四、统一验证文档编码、协议限制、网络加载及选择器匹配。
-
Less无法运行时判断渐变类型，应通过分离的.linear()和.radial()宏分别封装，共用色标逻辑；方向/形状参数需严格区分，避免非法CSS。
-
FunctionalMixins是JavaScript中最干净可控的特性组合方式，它用高阶工厂函数返回行为对象，不污染原型链、不依赖构造函数，支持闭包私有状态、显式实例注入、按需初始化及Symbol钩子契约。
-
推荐使用伪元素+渐变背景模拟阴影，通过::before或::after设置linear-gradient配合filter:blur()和z-index实现；也可用多层box-shadow叠加形成过渡错觉，适合简单场景；对复杂图形可选drop-shadow()；CSSPaintAPI为实验性方案。
-
在HTML中创建面包屑导航需要使用结构化的HTML标记，并注意可访问性和SEO优化。1)使用<nav>和<ol>元素包裹面包屑导航，2)使用aria-label和aria-current属性提高可访问性，3)通过CSS美化导航，4)可使用JavaScript动态生成面包屑导航，确保其简洁、一致且移动友好。
-
GoogleForms原生不支持通过AppsScript拦截或取消表单提交，也无法向用户弹出提示消息，因此无法实现类似JavaScript中event.preventDefault()的服务端验证拦截逻辑。
-
OpenClaw部署需确认三件事：服务器已安装Nginx/Apache、index.html置于正确根目录、安全组开放80端口；缺一将导致浏览器无法访问。
-
页面切换本质是DOM替换而非整页刷新，需复用容器动态更新内容、同步history、服务端fallback、手动初始化脚本并清理事件监听器。
-
子应用调用document.querySelector本身不污染主应用，但因共享document可能查到主应用DOM、误操作全局节点或引发样式/逻辑错乱；真正风险在于全局访问能力与上下文混淆。
-
is属性是唯一合法方式，用于将原生HTML标签（如<canvas>）升级为定制化内置元素；不支持<divis="...">等非法用法，且必须配合customElements.define()中{extends:"canvas"}选项及正确构造函数调用。
-
overflow生效需容器有明确宽高且内容真溢出；常见失效因无宽高、flex/grid布局未设min-size、内联元素未转块级；Y轴滚动用overflow-y，移动端需-webkit-overflow-scrolling:touch。
-
不能用rotate()做波浪背景，因其使整条路径歪斜错位而非横向流动；正确做法是用translateX()平移SVG路径实现无缝循环，配合多层错速位移与透明度衰减模拟真实海浪层次。
-
CSSLint是由NicholasC.Zakas和RebeccaMurphey开发的CSS代码质量检测工具，用于发现性能问题和不规范写法。安装需先配置Node.js，再通过npm全局安装：npminstall-gcsslint。使用csslintstyles.css可检查文件，输出包含问题级别、规则名和位置。支持选项如--errors=display指定检查类型，--warnings=important控制警告，--quiet仅显示错误，--format=compact设置输出格式。可创建.csslint
-
this失效是JavaScript函数调用机制的自然结果；当方法赋值给变量后单独调用，this指向异常（undefined/window/DOM元素），导致属性访问报错或取值错误。
