-
Chromev93+和新版Edge默认强制内置验证，novalidate仅跳过JS校验而非彻底禁用；可靠方案需移除验证属性、submit时setCustomValidity('')清空状态，或用inputmode替代type。
-
::first-letter失效主因是DOM或CSS环境不合规，如父元素display:flex/grid、首字符被内联标签包裹、HTML前有空白或注释；实现下沉需float:left、line-height:0.75、font-size≥2.5em协同。
-
用对象管理筛选状态并每次全量重算，避免class切换累加；事件委托处理多选；range防抖+URLSearchParams同步URL。
-
FID必须用JavaScript主动监听计算上报，不能靠HTML控制；其本质是用户触发事件到浏览器开始处理的排队延迟，需用event.timeStamp减performance.now()近似计算，且监听须尽早注册并过滤后台事件。
-
静态分析AST仅提供局部混淆结构依据，需结合作用域识别、安全重命名与防篡改校验实现；混淆限于标记函数/类/逻辑块，通过注释、白名单或AST路径精准定位；作用域栈仅记录目标段内声明标识符，仅混淆同作用域内引用；重命名用递增短名并注入CRC32校验，校验逻辑自身亦混淆；生成时保留缩进、sourceURL及调试语句以支持维护。
-
sm:表示视口宽度≥640px时生效，lg:表示视口宽度≥1024px时生效，二者不互斥且lg优先级更高。
-
直接搜block__element--modifier能秒定位源文件，因BEM类名自带模块、角色、状态三重上下文，配合编辑器全字匹配与大小写敏感，可精准锁定目标，避免传统命名的语义猜测与全局筛选。
-
window.innerWidth和window.innerHeight返回当前视口的宽高（CSS像素），含滚动条占用空间、响应缩放，不包含工具栏/地址栏；需监听resize事件并节流更新，不支持IE8及更早版本。
-
直接用Object.getPrototypeOf查组件实例原型链可快速发现原型被意外或恶意修改的问题，适用于排查第三方库注入、mixin错误或原型污染导致的响应式失效、生命周期异常等隐蔽故障。
-
TDZ是强制变量声明前置的语言约束机制，提前暴露ReferenceError；正确做法是块级作用域顶部集中声明let/const，避免参数链式依赖，默认值逻辑移入函数体，慎用typeof检测未初始化变量。
-
HTML本身没有函数概念，离线运行取决于JavaScript执行环境与资源加载；onclick等是声明式绑定，真正执行靠JS；ServiceWorker是关键载体，但需HTTPS注册且有缓存策略要求。
-
微信公众号不支持直接上传HTML文件，需手动提取兼容标签并适配：仅保留<p><span><strong><em><ul><ol><li>等基础标签，<img>必须用微信图床地址，删除所有style、class、script及非内容标签，标题改用<p><strong>，图片须重新上传，字号仅支持编辑器三档。
-
高负载前端架构需明确拦截与计算的分层边界：拦截聚焦请求早期轻量判定，计算延后至真正需要时执行；策略单元应可组合、无副作用；计算须绑定上下文与生命周期；降级与可观测反馈须标准化。
-
直接修改对应激活状态类（如.active、[aria-selected="true"]）的color、background-color等样式即可，但需用开发者工具确认实际生效的选择器并提升特异性，注意缓存、CSS变量、JS重绘及媒体查询影响。
-
视频滤镜面板核心是用JavaScript动态拼接完整filter字符串并全覆盖更新，否则亮度/饱和度等参数会丢失；overflow:hidden、内联标签未设display、position:fixed、跨域CORS及Safari兼容性等问题会导致filter静默失效。
