-
内联样式中linear-gradient失效通常因三方面：未写background-image前缀、颜色值格式错误（如hsl空格或rgba缺a）、方向参数拼写错误（如botton）。
-
JavaScript函数是function类型，可赋值传参返回；函数声明会提升，表达式和箭头函数不会；剩余参数替代arguments，不能共存；this由调用方式决定，箭头函数继承外层this。
-
AtomicCSS并未消除样式覆盖，而是将不可控的权重竞争转为可预测的就近覆盖；所有原子类权重恒为(0,0,1,0)，覆盖仅由HTML中class书写顺序决定，失效主因是拼写错误、响应式未触发、Purge误删或作用域隔离。
-
PerformanceAPI不直接暴露脚本解析/编译耗时，但可通过resourcetiming、performance.now()埋点、longtask监控及DevTools工具间接分析各阶段性能瓶颈。
-
钟摆动画需用@keyframes配合ease-in-out或cubic-bezier模拟正弦运动，transform-origin设为50%0确保支点在顶部中点，搭配animation-direction:alternate实现自然往复，注意Safari兼容性及响应式角度调整。
-
原生<video>标签最轻量兼容性好，但iOS强制全屏、Android静音自动播放失败；需加playsinline等属性，用H.264+MP4，有声播放须用户手势触发，自定义控件需监听loadedmetadata和seeked事件。
-
Sass无法直接读取图标文件夹，必须通过构建工具（如Webpack/Vite）扫描生成JSON或Sass变量文件（如$icon-list），再由Sass加载并遍历；@font-face需手动声明woff2/woff等格式，不可自动切换；图标类名需用@mixin结合Unicode生成，DPR适配须依赖构建脚本输出映射表，无法全自动实现。
-
HTML源码顺序决定语义和可访问性，order仅调整视觉顺序；主内容必须在HTML中前置，再用order配合flex-grow实现左中右布局。
-
支持thisArg的数组方法有：1.forEach、2.map、3.filter、4.find、5.findIndex、6.some、7.every；sort、reduce等不支持，需用bind或箭头函数处理。
-
HTML5Worker线程无法操作DOM，只能通过postMessage与主线程通信；传大数据应使用transferableobjects实现零拷贝；Worker脚本需同源HTTP服务加载；复用Worker实例更高效，异常时需主动close。
-
