-
Array.prototype.sort()默认按字符串Unicode码点排序，数字数组需用(a,b)=>a-b升序或b-a降序；对象数组可按属性用减法或localeCompare排序，多级排序用逻辑或实现优先级。
-
防抖和节流是优化表单输入与频繁事件的核心手段，防抖适用于需等待用户操作停止后执行的场景，如搜索联想与表单验证，确保仅在用户完成输入后触发请求或校验，避免中间过程的频繁调用；节流则适用于需要在持续操作中保持一定响应频率的场景，如窗口滚动或按钮点击，保证函数在指定时间周期内最多执行一次，兼顾响应性与性能。两者本质区别在于：防抖追求“最终结果”，忽略中间过程，适用于输入完成类操作；节流追求“节奏控制”，定期执行，适用于持续交互类操作。正确选择取决于具体需求：若只关心稳定状态则用防抖，若需持续反馈则用节流，合理运
-
背景默认绘制到border-box外沿，即包含padding和border区域，但被边框遮盖；可通过background-clip控制绘制边界：border-box（默认）、padding-box、content-box。
-
函数柯里化将多参函数转换为单参函数链，提升复用性；函数组合理论上是f(g(x))，实现数据流水线处理；两者结合可构建清晰、声明式的代码结构，使逻辑更简洁易读。
-
float本身没有对齐属性，因其设计初衷是图文环绕而非布局控制；无法实现justify-content等对齐效果，常见误操作如margin:auto居中无效；Grid是更现代、可控且兼容良好的替代方案。
-
HTTPS页面中HTTP资源被浏览器静默拦截，主动混合内容（如script、iframe、fetch）根本不会发出请求，被动混合内容（如img）也已被全面屏蔽，必须彻底消除所有http://字符串。
-
第三方SDK冻结对象无法直接克隆，因Object.assign等方法在只读/不可配置属性上静默失败或报错；可行解法是绕过冻结限制获取可变副本：先识别冻结状态，再按需结构化提取、JSON序列化还原或Proxy代理封装。
-
本文介绍如何扩展表格搜索功能，使其支持匹配<a>标签的href属性值，并在子行匹配时自动显示其所属的父行（无需id依赖），通过修改文本提取逻辑与层级遍历实现精准过滤。本文介绍如何扩展表格搜索功能，使其支持匹配``标签的`href`属性值，并在子行匹配时自动显示其所属的父行（无需`id`依赖），通过修改文本提取逻辑与层级遍历实现精准过滤。默认的表格搜索仅遍历单元格的可见文本（textContent），因此无法捕获<
-
好的CSS调色工具不能替代设计决策，但能减少试错、避免手输错误、快速验证对比度与可访问性；浏览器开发者工具内置取色器支持HSL/HEX/RGB切换及眼滴管取色，Figma插件Stark和Contrast可实时检测WCAG合规性并模拟色盲视图，VSCode插件ColorHighlight和Pigment则实现色值所见即所得及变量提取。
-
必须将BEM与7-1架构绑定使用，因BEM解决类名冲突，7-1解决文件级混乱；components/下每个Block文件须独占一个SCSS文件，Modifier必须基于Block顶层声明且显式组合，abstracts/中禁止出现BEM类名字符串。
-
font-weight未生效的主因是字体不支持对应字重，需通过DevTools检查计算值及字体文件是否存在；其次注意加载顺序、简写语法缺失font-family、打印/移动端兼容性等问题。
-
外边距合并是CSS规范行为，指相邻块级元素垂直方向的margin取较大值而非相加；父元素无border/padding/BFC时会与首尾子元素margin合并；可通过Computed面板验证，解决方法包括创建BFC、用padding替代margin、加透明边框或改用Flex/Grid布局。
-
闭包不直接提供负载均衡，但通过封装分片上下文、绑定错峰延迟、共享控制信号、组合错误策略，实现时间错峰、资源均摊、失败隔离的“负载均衡感”。
-
不能直接用watch监听Pinia状态同步到数据库，因浏览器无法直连数据库且watch无网络能力；应通过$subscribe标记变更、防抖后调用API由后端落库，并结合本地持久化与服务端校验保障一致性。
-
给<img>直接加opacity会使图片和水印一同变淡，无法实现水印效果；应通过::after伪元素控制覆盖层透明度，且必须设置content:""，父容器需position:relative并具有明确宽高，配合transform:translateZ(0)防止模糊。
