-
使用可选链（?.）可安全绑定事件，避免因DOM节点未挂载、已移除或为null导致的“Cannotreadproperty'addEventListener'ofnull”错误；它使查询与绑定串联执行，任一环节为空即终止，不报错。
-
Less的@import默认不自动去重，多次导入同一文件会导致样式重复编译；@import(once)可显式去重但仅对完全相同路径生效，无法解决路径别名或多入口问题，需配合顶层入口收敛和构建配置优化。
-
点击局部放大必须用JS控制遮罩层显隐、位置及背景偏移，CSS仅负责定位、裁剪与渲染；关键在精确计算坐标、background-position和scale映射，避免因border/padding导致偏移。
-
LitHTML模板需用html函数包裹，插值中只放文本、数字、布尔值、nothing或html调用结果；响应式字段须加@property()装饰器；事件处理器需绑定this；样式须通过staticstyles定义。
-
不能直接代理window或全局对象监控非法数据变更，因fetch、XMLHttpRequest等关键API不可写不可配置；应聚焦函数调用入口，在fetch和XMLHttpRequest.prototype.send入口重写并透传上下文，覆盖console方法提取参数与调用栈，用WeakMap关联behaviorId形成行为链，规避代理定时器、defineProperty及Proxy自身等高危操作。
-
CSS变量本身不可动画，必须将transition绑定到实际渲染属性（如background-color）上，且需在默认状态声明；--hover-bg仅是存储值的容器，改变它不会触发过渡。
-
Node.js的Cluster模式通过主进程管理多个工作进程，共享端口处理请求，利用多核CPU提升性能与稳定性。主进程监听连接并分发任务，各worker独立运行，崩溃不影响整体服务，配合自动重启实现高可用。适用于API网关、后端服务等生产环境，需注意无状态设计、避免阻塞、合理设置worker数量及日志管理，结合PM2可实现零停机扩容。
-
必须加-webkit-前缀才能生效，因Safari、旧Chrome及iOS/macOS系统仅支持-webkit-background-clip:text和-webkit-text-fill-color:transparent，且Firefox110+才开始支持标准属性。
-
使用ResizeObserver监听Canvas容器尺寸变化，获取contentRect宽高，结合devicePixelRatio设置canvaswidth/height并缩放ctx，再重绘；需observe容器、raf优化、防抖及disconnect清理。
-
可实现但需满足硬性前提：视频已播放、浏览器支持（Chrome/Edge114+、Firefox125+）、处理不阻塞主线程；核心价值是降低1–2帧延迟，适用于人脸追踪、手势识别等实时场景。
-
文字旋转模糊的根本原因是非90°整数倍旋转导致亚像素坐标，合成层强制对齐整数像素使子像素抗锯齿失效；filter:blur(0)仅偶发绕过渲染缓存，不稳定；真正解法是控制变换结果为整数像素，如calc()补偿、整数缩放比、避免奇数尺寸与百分比组合。
-
弹幕必须用position:absolute脱离文档流，由position:relative的容器包裹；top值需动态计算，滚动用transform:translateX()而非top；顶部/底部弹幕CSS类须分离；JS获取位置应使用getBoundingClientRect()并实时重算。
-
IE已于2022年6月15日终止支持，仅两类场景需兼容：维护中的老旧内网系统（如IE11）或合同强制要求；判断依据为UA占比＜0.1%、合同条款及依赖库是否原生支持。
-
Bootstrap网格系统基于12列布局，通过.container或.container-fluid与.row组合实现响应式排版，配合xs、sm、md、lg、xl断点类控制不同设备下的列宽与排列。
-
itemtype属性用于声明itemscope元素所描述的事物类型，必须是可验证的HTTPSURL，如https://schema.org/Person；写错协议、路径或类型会导致结构化数据失效。
