-
骨架屏用多层linear-gradient模拟色块形状，配合radial-gradient画头像、横向渐变画标题段落，并通过background-size/position控制尺寸与留白，结合shine动画实现流动效果，响应式采用rem和aspect-ratio保障兼容性。
-
通过CSS的background-size:cover配合background-position:centercenter，可使宽幅背景图在任意屏幕（尤其是竖屏手机）上自动缩放并居中裁剪，确保关键视觉区域始终可见，同时严格兼容Bootstrap框架与内联样式。
-
BEM禁止标签选择器因其隐式依赖HTML语义，导致样式无法归属组件、易冲突失效；应改用.btn--submit等明确归属的类名确保可迁移与协作安全。
-
Less变量不支持块级作用域。其作用域为就近向上查找的词法作用域，仅分全局与局部，局部变量会完全覆盖同名全局变量，而非遮蔽；定义在规则块内的变量从定义处起影响该块及所有子嵌套块，且不会自动恢复父级值。
-
toDataURL()导出图片失败主因是跨域污染、file://协议限制、canvas尺寸与CSS分离不当、dataURL体积过大及JPEG不支持透明。需配CORS、启本地服务、设真实宽高、用toBlob替代、PNG保透明。
-
LessMixins通过位置参数接收多个值，支持默认值但不支持命名传参或跳过参数；可用重载方式实现部分配置，需注意单位校验、颜色处理及展开顺序。
-
可用记事本、TextEdit（设为纯文本）、VSCode等编辑HTML，保存为UTF-8无BOM；双击打开可预览，但开发推荐LiveServer或python3-mhttp.server；路径须相对于HTML文件，注意大小写和404错误。
-
IE8及以下不支持HTML5语义标签，需用document.createElement注册并设display:block；IE6–7中innerHTML解析非法嵌套异常，应改用DOM方法创建；IE8不支持getElementsByClassName，需按版本分层降级；条件注释仍是IE9及以下唯一可靠加载方式。
-
const锁定变量绑定关系而非值：基本类型不可重新赋值，复合类型仅引用不可变、内部属性仍可修改；需真正冻结须配合Object.freeze()。
-
srcset应根据图片容器是否固定宽选择x或w描述符：固定尺寸用1x/2x，响应式布局必须用400w/800w配合sizes；二者不可混用，否则整个属性被忽略而回退到src。
-
HTML与CSS连接有五种方法：一、link标签引入外部CSS；二、style标签嵌入内部CSS；三、style属性设置内联CSS；四、@import在CSS中导入其他文件；五、通过开发者工具验证连接是否成功。
-
Cookie的path属性通过前缀匹配限制作用范围，应显式加尾斜杠（如path=/admin/）避免路径误匹配；需配合domain、Secure、HttpOnly和SameSite使用才能保障安全。
-
双击事件不会自动提升绑定优先级，ondblclick与onclick并列且默认均触发；需用计时器协调二者，避免干扰。
-
::file-selector-button仅在type="file"的input直接子元素上生效，需设display:block/inline-flex；不可用display:none或visibility:hidden；Firefox117+才支持；仅支持有限样式属性，appearance:none须作用于input本身而非伪元素；点击区域由input尺寸和定位决定。
-
1、使用debugger语句可在开发者工具中触发断点暂停执行；2、通过async/await与Promise实现异步延时等待；3、利用条件轮询模拟暂停逻辑；4、通过HTML层面控制脚本加载时机以达到暂停效果。
