-
JavaScript遍历应按数据类型选择：数组优先用for...of、forEach或for循环；对象用Object.keys()等避免原型链污染；Map/Set原生支持安全遍历。
-
双色调纯CSS实现核心是mix-blend-mode混合而非调色，需用伪元素叠加单色层并设multiply/screen模式，background-blend-mode适用于背景图，兼容性需降级为filter微调，真机调试须注意系统色彩管理干扰。
-
设计自定义语法如def替代function；2.使用Babel插件或预处理将def转换为标准函数；3.手动实现词法、语法分析生成AST并转换为目标代码。
-
推荐使用grid-gap管理网格内部间距，结合margin处理外部留白或特殊元素距离。gap避免重复空白与外边距塌陷，支持响应式布局；margin用于容器外边距、个别项隔离及对齐非网格元素。统一内部用gap、外部用margin可避免间距叠加，通过重置子元素margin并合理设置容器margin实现清晰布局。特定场景下可用负margin或单独class调整首尾项视觉效果，确保代码易维护。
-
clientX相对于视口左上角，不随滚动变化，适用于悬浮提示、菜单定位；pageX相对于文档左上角，随滚动变化，适用于绘图、锚点记录；需注意IE8兼容性及screenX等坐标差异。
-
ES2015起对象属性遍历顺序标准化：先按数值升序排列整数字符串键（0至2³²−2），再按插入顺序排列其余字符串键和Symbol键；V8、SpiderMonkey、JavaScriptCore当前基本一致，但旧版本或边界值（如"2147483648"）仍有差异。
-
使用opacity和transition可实现透明度渐变过渡，opacity控制元素透明度（0-1），transition定义过渡效果，常用于按钮悬停、图片淡入淡出等场景，如.button:hover配合transition:opacity0.4sease实现平滑变淡，注意初始值设置及display或visibility配合使用以优化布局与兼容性。
-
:not()仅作用于当前选择器匹配的元素本身，不递归穿透后代，其内只能写简单选择器，多:not()连用为逻辑与，且权重等同于括号内选择器。
-
