前端技术文章
-
HTML5无需安装，浏览器卡顿源于video/audio标签的性能问题；应合理设置preload属性、确保H.264+AAC编码兼容、避免无交互autoplay、改用requestVideoFrameCallback优化监控。359 收藏 -
真正提升SEO和可访问性的语义标签极少，仅<nav>、<main>、<header>、<footer>、<article>、<time>等少数被搜索引擎和屏幕阅读器实质性识别；滥用如无标题的<section>或误用<article>反而破坏结构。203 收藏 -
Less中需用Mixin统一配置word-break和overflow-wrap：先写overflow-wrap:break-word，再加word-break:break-word兜底旧版Chrome，IE11需显式声明word-wrap:break-word；父容器必须设width/max-width才生效。324 收藏 -
答案：使用Flexbox居中需根据主轴方向正确设置align-items和justify-content。当flex-direction为row时，justify-content控制水平居中，align-items控制垂直居中；改为column时，主轴变为垂直方向，justify-content控制垂直居中，align-items控制水平居中，通过调整两属性可实现任意居中布局。410 收藏 -
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 收藏