前端技术文章
-
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 收藏 -
FIMOHTML默认不包含画板名称，因其输出逻辑未将motif_id映射为DOM属性，仅用无语义的自增ID（如fimo-plot-0）；需通过后处理（如Python+BeautifulSoup）结合TSV表格注入data-motif-id属性。453 收藏 -
HTML页面缓存必须由服务端HTTP响应头（如Cache-Control、Expires）控制，meta标签无效；因浏览器不解析metahttp-equiv缓存指令，且缓存决策发生在HTML解析前，CDN与代理也忽略meta。227 收藏 -
<keygen>标签已被所有主流浏览器彻底移除，HTML标准标记为obsolete；因其私钥存储无规范、公钥传输无加密、密钥用途模糊三大硬伤被废弃，推荐用WebCryptographyAPI或WebAuthn替代。250 收藏 -
Less编译后无法跳转到.less源文件，根本原因是sourcemap路径未对齐或未被识别：需在less-loader中显式配置sourceMap:true，确保css-loader也开启sourceMap，并验证sourceMappingURL路径可解析、.less文件被开发服务器托管且VSCode工作区路径匹配。298 收藏 -
Intl.Segmenter是基于语言习惯的语义分段API，需按locale和granularity精确配置以支持中文词、日文助词、泰语无空格等场景，并结合偏移量构建索引，混合文本应分区处理，兼容性不足时降级为空格/标点分割。187 收藏