前端技术文章
-
Retainers树是定位V8堆快照泄漏源最高效方式，它揭示“谁持有该对象引用”而非仅内存占用；Dominators则显示“谁占内存最多”，适用于找大对象而非查泄漏。356 收藏 -
接口在TypeScript中用于定义对象的形状、实现类型检查和代码复用。与类型别名的区别在于：1.声明方式不同，接口用interface，类型别名用type；2.扩展能力不同，接口用extends继承，类型别名用交叉类型&；3.声明合并不同，接口可合并，类型别名不可重复声明。接口还可定义函数类型，如StringProcessor接口规范函数签名。在面向对象编程中，接口可定义类的行为规范，如Animal接口实现多态。接口也可与泛型结合，如Container<T>定义通用容器。187 收藏 -
Flexbox适合一维布局，如导航栏和居中对齐；Grid适用于二维复杂结构，如仪表盘；Float已过时，仅用于兼容旧项目。新项目应优先选用Flexbox和Grid。121 收藏 -
动态权重限流是根据业务维度动态赋予权重并实时调控的限流机制。它基于用户等级、场景ID等维度计算权重，结合双层滑动窗口统计加权吞吐量，通过可插拔策略引擎（如权重占比截断法）实现准入控制、异步排队与降级兜底，并支持监控告警、前后端协同及离线保底。390 收藏 -
getElementById比querySelector快，因其基于浏览器哈希索引的原生ID查找，而querySelector需解析选择器并遍历匹配；仅在需复杂选择、动态拼接或复用CSS逻辑时才用querySelector。134 收藏 -
Object.setPrototypeOf会破坏V8等引擎的JIT优化，导致隐藏类断裂、函数去优化及内建方法特化失效；推荐用Object.create、组合委托、Proxy或状态机子类替代，仅在创建后极早期且低频访问时谨慎使用。340 收藏 -
CSS变量本身不可动画，必须将transition绑定到实际渲染属性（如background-color）上，且需在默认状态声明；--hover-bg仅是存储值的容器，改变它不会触发过渡。239 收藏 -
IE6–7中position:relative不生效的真正原因是元素未触发hasLayout；只有拥有layout的元素才能正确响应position、z-index等属性，推荐用zoom:1安全触发。151 收藏 -
偏函数通过预设固定参数实现配置与调用分离，使接口更简洁；适用于环境、服务、接口层级的静态配置固化，不适用于动态变化场景。477 收藏 -
有效icons数组需包含至少两个PNG图标对象，src为相对于manifest.json的可访问路径，sizes严格写为"192x192"和"512x512"字符串格式，type显式设为"image/png"，且服务器须正确返回Content-Type:application/manifest+json。292 收藏 -
HTML制作带锚点定位的长页面目录导航，可以使用标签配合id属性实现。以下是简单步骤和示例代码：1. 为每个章节添加 id 属性在需要跳转的位置（如标题）添加 id，用于锚点定位。
第一章：简介
这里是第一章内容...
第二章：功能介绍
这里是第二章内容...
2. 创建目录
第一章：简介
这里是第一章内容...
第二章：功能介绍
这里是第二章内容...
2. 创建目录">90%锚点点击无反应是因目标元素缺失id、id不合法或存在同名name属性；需确保id全小写、仅含字母数字和短横线、全局唯一，且href与id值严格一致。214 收藏 -
虚拟列表通过仅渲染视口及缓冲区节点、用height占位、滚动时仅更新transform和局部DOM来解决长列表卡顿；需固定行高或缓存高度、精准位置计算与动态挂载/卸载。345 收藏 -
基准条件是递归函数安全返回的唯一出口，必须覆盖所有输入终点且参数须单调趋近；如阶乘中n==0或n==1因数学定义和不可分性成为正确基准，错写将导致失控递归。352 收藏 -
直接写border-left不腾空间，文字贴边需用padding-left推开；cite仅表作品标题，作者信息应放footer；深色模式用@mediafallback配紫调边框；嵌套引用要重置margin、box-sizing和移动端适配。292 收藏 -
ToPrimitive转换分三步：先检查Symbol.toPrimitive方法，存在则优先调用；若无，则按hint类型决定valueOf/toString调用顺序（"string"先toString，"number"/"default"先valueOf，但Date的"default"例外走toString）；任一方法返回原始值即终止，否则报TypeError。127 收藏