-
用Props控制列表分页状态，即由父组件管理currentPage、pageSize、total、loading及onPageChange，子组件仅反射状态并触发回调，实现逻辑与UI解耦、便于测试复用及统一控制。
-
HTML页面本身不处理跨域，真正起作用的是浏览器对JavaScript发起的请求（如fetch、XMLHttpRequest）施加的同源策略限制；而<form>、<script>、<img>等标签天然不受限，因浏览器仅对脚本读取响应内容的行为做同源检查。
-
loading="lazy"仅适用于img和iframe且需src属性，Chrome76+、Firefox75+、Edge79+及Safari15.4+（仅img）支持；首屏图、背景图、picture内source等不适用，须配合width/height防CLS，SSR中需注意JS加载时机。
-
JavaScript中0.1+0.2===0.3返回false是因浮点数二进制精度限制，并非Bug；应避免直接用===比较，改用Number.EPSILON误差容忍判断或转整数运算。
-
七彩虹不控制HTML5自动播放，该问题由浏览器决定；需在Chrome/Edge中修改flags并禁用Flash，QQ浏览器开启省流模式并按域名阻止，网页端应移除autoplay与muted属性。
-
JavaScript中this指向由函数调用方式决定：普通调用指向全局对象或undefined，对象方法调用指向该对象，构造调用指向新实例，显式绑定指向指定对象；箭头函数无this，继承外层。
-
left:50%+translateX(-50%)能居中响应式弹出框，因left:50%将元素左边缘移至父容器水平中点，translateX(-50%)再向左移动自身宽度的50%，二者叠加使元素视觉中心与父容器中心对齐。
-
filter多条件组合只生效最后一个，因每次返回新数组导致链式调用实为覆盖；应统一在单次filter内用布尔表达式组合条件，并注意防抖、WebWorker优化及UI状态同步。
-
根本原因是浏览器默认样式与自定义CSS隐式冲突；需针对性重置box-sizing、margin/padding、font-size等核心属性，配合基础样式重建布局锚点，并确保重置CSS最先加载。
-
本文详解如何通过现代CSS布局（Flexbox+语义化结构）使header元素自然位于容器顶部、水平居中，同时保持样式完整性与响应式健壮性。
-
JavaScript是单线程语言，依靠事件循环、任务队列和宿主环境（如浏览器或Node.js）的异步能力处理异步操作；微任务（如Promise.then）在宏任务后立即执行，宏任务（如setTimeout）需等待下一轮事件循环；WebWorker可实现多线程但不改变JS单线程本质。
-
TrustedTypes是需HTTP头、策略定义、调用改造三者协同的底层防御方案；必须通过CSP响应头启用强制模式，定义策略并改造所有DOM操作路径。
-
纯CSS下拉菜单悬停交互可行，需满足结构嵌套正确（子ul必须为li的最后一个子节点）和定位链完整（父li设position:relative，子ul设position:absolute;top:100%）；多级需扩展:hover选择器范围；移动端须用@media检测并改用JS切换is-open类。
-
闭包在setTimeout中捕获的是外层变量的引用而非副本，故循环中用var会导致所有回调输出同一终值；改用let、IIFE或函数封装可为每次迭代创建独立作用域，确保正确输出对应值。
-
flex-grow设为1未撑满父容器，根本原因是父容器缺乏明确宽度上下文，导致无剩余空间可分配；需确保父容器有width、max-width或为block布局，并检查flex-shrink:0与min-width干扰。
