-
创建元素节点必须用document.createElement()而非innerHTML，避免清空子节点、重排和丢失事件；textContent用于纯文本防XSS，innerHTML会解析HTML；插入用append/prepend/before/after，删除前须检查parentNode，替换用replaceWith更灵活。
-
元素宽高异常很可能是position:absolute导致脱离文档流；需检查是否设置了absolute及最近定位祖先，通过开发者工具验证布局，修复时应显式设置宽高或调整定位上下文。
-
轮询阶段是Node.js事件循环的核心，负责处理绝大多数I/O回调，确保高性能和非阻塞特性。1.它首先检查timers和pendingcallbacks队列，优先处理其中的回调。2.然后执行poll队列中的I/O回调，直到队列为空或达到内部限制。3.若poll队列为空，会检查setImmediate队列，若有则跳到check阶段执行。4.若setImmediate队列也为空，则检查timers队列，等待最近定时器到期或新I/O事件。5.若所有队列均空且无定时器，事件循环将完全阻塞，等待I/O事件唤醒。开发
-
使用padding和margin实现等距排版需统一数值，配合box-sizing:border-box防止布局溢出，并优先使用Flexbox的gap属性简化间距控制，确保元素间整齐一致。
-
闭包是函数作用域链自然保留的结果：外层函数返回内层函数，内层函数引用外层变量，且外层执行完后内层仍可调用；如createCounter中count被持续持有，而foo中bar立即调用则不构成闭包。
-
animation-timing-function通过速度曲线控制CSS动画节奏，不改变总时长；支持ease、linear、ease-in/out、steps()及cubic-bezier()自定义，需符合[0,1]参数范围，且transition与animation共用该属性。
-
响应式断点应以内容驱动为主，优先选用min-width，避开设备碎片化；基础样式写在媒体查询外，断点内仅覆盖必要变更；rem缩放需谨慎，推荐根字体单次调整或直接控制属性。
-
CSSGrid与float的核心差异在于建模逻辑：Grid是二维坐标平面，支持精确定位与自包含布局；float是单向脱离文档流的滑动机制，需手动清浮且响应式重构成本高；仅图文环绕场景float不可替代。
-
html5play函数本身不会被广告拦截器拦截，真正被拦的是它触发的带声音自动播放行为；浏览器因用户未交互而抛出NotAllowedError，广告拦截器仅顺势屏蔽后续广告资源请求。
-
直接拼接两个lcov文件（如catunit.lcov>>e2e.lcov）在语法上是有效的，但是否可用取决于下游工具（如SonarQube）是否支持自动去重与跨块合并；推荐使用lcov--add命令进行语义化聚合，更安全、可控且兼容性更好。
-
link标签的placement决定样式加载顺序，浏览器按DOM中出现顺序依次下载、解析和应用CSS；基础重置样式应置前、组件样式居中、主题覆盖样式置后；所有stylesheet必须置于head内紧贴title后，避免FOUC；禁止在body中写link或用@import；preload仅提前下载不改变应用顺序，需与stylesheethref完全一致；media属性影响是否阻塞渲染，关键样式不可加media；内联criticalCSS+异步加载其余样式是首屏优化核心。
-
HTML5注释不影响渲染但至关重要，必须用于权限控制区域、临时禁用代码、框架挂载点、跨组件分界线；禁用在script/style内、敏感信息、嵌套注释及替代语义标签。
-
ES6是JavaScript在2015年发布的重大更新，核心包括let/const（块级作用域、无变量提升）、解构赋值（数组/对象一键提取）、箭头函数（简洁语法、继承外层this），显著提升代码质量与开发效率。
-
最直接方式是使用CSS的user-select属性设为none，需加-webkit-、-moz-、-ms-前缀以兼容旧浏览器，可组合实现整体禁用局部启用，但无法完全防止内容被复制。
-
设置父容器display:flex后，子元素可通过flex属性自动伸缩适应空间，结合flex-wrap换行及justify-content、align-items对齐，实现响应式布局。
