前端开发
最新文章
Python全局变量生命周期由引用计数和垃圾回收器共同决定，关键取决于是否存在活跃引用，而非定义位置。模块卸载前不会自动消失。循环引用导致内存泄漏，需标记-清除或手动调用gc collect()。释放必须显式切断所有引用，调试可用sys getrefcount和gc get_referrers。
蹦床函数将递归调用转为返回待执行函数，由外层循环驱动，使调用栈稳定在1～2层，避免深度递归导致的栈溢出。栈开销恒定O(1)，但每次返回新函数有轻微GC压力；迭代堆开销几乎为零。适合深度不可控、强依赖递归语义的场景，性能差距在实际业务中通常不显著。
处理多个异步请求并行执行时，使用Promise all会因单个请求失败导致整体数据渲染塌陷。采用Promise allSettled保留所有结果，或给每个Promise链式添加catch返回默认安全值，同时注意处理JSON解析异常，确保渲染稳定。
template是惰性DOM片段仓库，内容解析但不渲染、不执行脚本、不加载资源；必须通过cloneNode(true)克隆content后插入，且需重设表单ID name for以确保功能正常。嵌套位置有硬限制，内部style script不生效，图片克隆插入后才会加载。
C++11的using声明可自动继承父类构造函数，子类通过初始化列表精准转发参数，确保父类状态正确。多参数场景下继承构造函数简化代码。JavaScript中通过Parent call或super实现参数透传，super需在子类构造函数首行调用。
在原型对象上挂载大体积动态数组会导致数组常驻堆中、难以回收，引发高频FullGC和调试困难。应改用实例级惰性初始化、WeakMap隔离、模块顶层全局只读数据或轻量访问封装，将数组生命周期从原型解耦，保障垃圾回收效率。
浏览器按顺序扫描媒体源，选择第一个能解码的即止，不会比较优劣。首个源必须为H 264BaselineProfileMP4，type属性需精确匹配编码参数。type错误、结构不当或路径问题均会导致静默失败且无错误提示。
定时器任务需设计至少五个状态原子迁移，避免竞态条件。状态包括空闲、就绪、执行、到期、取消，迁移必须通过CAS操作验证，资源生命周期与状态严格绑定，外部操作合并为原子调用以消除检查与执行间的时间窗口。
返回顶部按钮应使用position:fixed定位，通过opacity和transition控制显示隐藏，代替display切换以避免重排。滚动监听需使用防抖与节流，隐藏阈值设为scrollY大于300。移动端因工具栏伸缩导致视口高度突变时，使用clamp调整bottom值或监听visualViewport事件，防止按钮抖动。
details与summary是原生HTML折叠面板，无需JavaScript即可实现展开收起，支持键盘和无障碍访问。基础用法中，details默认折叠，加open属性可展开；summary可含文字或内联元素。自定义样式需隐藏原生箭头并添加图标。JS操作时注意open属性与DOM属性的区别，toggle事件仅用户交互触发。嵌套建议不超过两层，兼容主流浏览器，
首屏文本不能等CSS加载完再显示，关键CSS需内联且控制在10KB内。骨架屏须与真实DOM共用尺寸计算逻辑，避免塌陷。切换时严格对齐DOM结构，用replaceWith替换。无限滚动用IntersectionObserver提前触发，服务端告知hasMore状态。
performance memory不能直接判断DOM节点数，但usedJSHeapSize超限0 75且无大ArrayBuffer时提示DOM过载。用querySelectorAll( * ) length验证，需排除动态残留、ShadowDOM等。分层预警：>5000且1分钟增长>500为黄；>15000且内存超限0 8为红，结合监听器。
现代框架中内联onclick失效，需用框架事件系统。阻止冒泡应调用stopPropagation()而非设捕获参数。事件委托应绑在稳定父容器而非document，避免性能与逻辑问题。滥用stopPropagation会破坏功能联动，优先用结构或样式规避。
article标签用于标识可独立分发的内容，判断标准是能否回答作者、时间、主题三个问题。嵌套仅当子内容也满足独立条件。与section区别在于section为主题分区，article为独立实体。需注意元信息的机器可读性。
大规模HTML编辑中，`innerHTML+=`会全量重建DOM，导致光标丢失、事件失效，性能差。改用`insertAdjacentHTML`增量插入，仅解析新字符串，保留状态，性能提升2-4倍。批量插入需先拼接再单次调用，纯文本宜用`textContent`。diff结果仅作高亮，不可直接赋给`innerHTML`。