-
WebLocksAPI不能直接防止IndexedDB写冲突，仅提供跨标签页互斥信号；必须将“打开库→事务→写入→awaittx.done”全流程严格包裹在awaitnavigator.locks.request()回调中，且所有入口共用带业务唯一标识的锁名（如'db-write-note-456'），并为Safari等不支持环境提供服务端幂等或localStorage降级方案。
-
JavaScript通过WebWorkers实现多线程并发，配合SharedArrayBuffer与Atomics支持共享内存和原子操作，可在浏览器和Node.js中进行高效并行计算，但需满足跨源隔离等安全策略。
-
该用<style>标签而非外部CSS文件的场景是：样式仅服务单页、改动频繁（如A/B测试页）或需快速验证布局；它省HTTP请求、避免路径错误，但无法缓存、易耦合JS、不支持构建工具处理。
-
Eclipse通过外部浏览器预览HTML，需创建DynamicWebProject并将文件放在WebContent目录，右键HTML文件选择“RunonServer”在Tomcat中运行，或“OpenWith”系统浏览器查看，推荐使用外部服务器模拟真实环境，确保路径和项目类型正确。
-
JavaScript模板字符串用反引号包裹，支持多行、保留空格换行，并通过${}嵌入变量或表达式；注意${}内只能是表达式，不可写语句，反引号不可与单双引号混淆。
-
ES6（ECMAScript2015）是JavaScript根本性升级，赋予其构建大型工程的能力：引入let/const实现块级作用域；箭头函数解决this绑定问题，Promise规范异步流程；解构赋值与模块系统提升代码组织性；Class、模板字符串、默认参数、Map/Set/Symbol等补齐企业级开发短板。
-
2026年前端架构师晋升核心是决策颗粒度与可验证性：需将技术选型转化为可度量业务结果，以连接层能力复盘，绑定三年演进预案完成度，并构建人机校验闭环及反事实推演。
-
backdrop-filter不支持transition动画，监听transitionend无效；应使用opacity+预设backdrop-filter实现淡入，Safari需控制blur值并避免overflow容器直接应用。
-
cursor属性常用值包括pointer、default、wait、help等通用值；grab、zoom-in等值在旧版Safari中兼容性差，需谨慎使用或添加浏览器前缀。
-
ChromeDevTools通过Performance面板定位CSS选择器复杂引发的样式重计算、强制同步布局及重排开销：关注“RecalculateStyle”长任务、调用栈中getComputedStyle等布局读取、高频匹配的选择器，结合Rendering面板层异常与querySelectorAll验证优化效果。
-
type="color"需运行时检测：创建input元素并设type="color"，若读取type仍为"color"才真支持；iOSSafari等返回"text"且不弹面板；input事件跨平台不一致，Safari仅支持change；它不能作吸管工具，无法读取图像像素颜色。
-
伪元素::after是纯CSS实现点击波纹的唯一可行载体，需配合position:relative、content:""、:active或touchstart触发、transform:scale()动画、transform-origin:center及JS坐标计算与移动端兼容处理。
-
通过设置flex-direction:column、flex-wrap:wrap和align-content，可实现Flexbox容器内子元素按列多行排列并控制列间对齐方式。
-
BackgroundSyncAPI不能在断网时自动重试，仅在网络恢复且ServiceWorker活跃时触发sync事件；需配合IndexedDB持久化请求数据，并在sync事件中重建并发送。
-
代码审查中，GitHooks结合自动化检查可提升效率。通过pre-commit、pre-push等钩子在提交或推送前自动执行ESLint、Prettier、flake8等静态检查工具，并利用lint-staged仅检测变更文件，既能保障代码质量又不影响速度。使用Husky统一管理钩子脚本，确保团队协作规范，强制执行提交格式、禁止调试语句、测试覆盖率等规则，减少重复评审意见。注意事项包括避免耗时脚本影响体验、提供清晰错误提示、将脚本纳入版本控制，并在CI/CD中重复关键检查，防止本地绕过。最终目标是将机械性
