-
“模块聚合器”模式通过中心化节点统一治理异步依赖加载时序，基于DAG建模依赖关系，分预热、并发、串行、聚合四阶段调度，并集成可观测、熔断、灰度等能力。
-
可用的下拉框需用<selectname="xxx">包裹多个<optionvalue="val">文本</option>，name确保提交字段，value指定提交值，selected设默认项，disabled可禁用整体或单选项。
-
Intl.DateTimeFormat的locale参数需传入符合BCP47标准的完整语言区域标识（如"zh-CN"、"en-US"）才生效；传"zh"或"en"可能降级至默认行为，推荐使用navigator.language获取的值或显式指定带地区后缀的locale。
-
sticky定位与Flex布局结合可实现滚动中稳定的导航结构。通过position:sticky使元素在滚动时吸附视口，受限于父容器且需设置top等阈值；Flex布局利用display:flex构建弹性框架，flex-direction控制方向，flex-grow/shrink分配空间；典型应用如header固定顶部、content区域独立滚动，代码示例中container设为flex列布局并占满视口，header添加sticky与z-index确保置顶显示，content设overflow-y:auto
-
JavaScript数组去重有Set、filter+indexOf、reduce及对象按key去重四种方法：Set最简洁高效但仅适用于原始类型；filter+indexOf兼容旧浏览器但性能为O(n²)；reduce灵活可扩展；对象去重需指定唯一key字段。
-
现代JavaScript项目应选对工具链：新项目用Vite（启动快、热更新准），旧Webpack项目或需IE11/UMD/动态require则留用Webpack；vitebuild默认用Rollup处理define、public目录和hash文件名；部署前须检查base路径、outDir与Nginx配置一致、HTML中script标签是否由Vite自动注入。
-
HTML结构直接影响首屏渲染性能：未压缩HTML、同步脚本、内联样式、DOM节点过多、px单位滥用等均导致延迟与掉帧；需压缩HTML、移除阻塞资源、用虚拟滚动/Canvas、vh/vw单位及动态rem适配，并从HTML顶部埋点监控。
-
根本原因是box-sizing:content-box导致边框额外增加尺寸，使内容区被压缩；应改用border-box并确保border三要素齐全、合理设置padding、检查outline干扰。
-
非贪婪量词+?无法解决嵌套括号提取，仅适用于单层或已知不嵌套场景；因其依赖线性匹配，不能识别括号层级或计数平衡；真正处理嵌套需用递归正则、栈解析或专用解析器。
-
可使用CSSfilter的drop-shadow实现图片发光效果，支持单层、多层叠加、box-shadow混合、响应式适配及兼容性回退五种方法。
-
直接赋值document.title是修改网页标题的唯一可靠方式，兼容所有现代浏览器；禁用innerHTML或textContent更新title标签，避免兼容性问题与SEO失效。
-
grid-template是grid-template-rows、grid-template-columns和grid-template-areas的简写，必须三者齐备或明确行列尺寸；gap已取代grid-gap，但需双写兼容旧版Safari，且gap不影响grid-template-areas的区域映射。
-
HTML5中可用CSS动画、JavaScript定时器、requestAnimationFrame、Marquee.js库或scroll-snap-type五种现代方案替代已废弃的<marquee>标签实现标题滚动效果。
-
父元素高度塌陷是因为浮动元素脱离标准文档流，导致父容器无法计算其高度；常见于仅含浮动子元素的父容器，清除浮动应通过创建BFC（如display:flow-root）或伪元素clearfix实现。
-
HTML无法直接扫码，需用JavaScript调用摄像头：通过navigator.mediaDevices.getUserMedia获取视频流，用jsQR等库逐帧解码二维码；须控制帧率、适配分辨率、及时关闭媒体轨道，并确保HTTPS环境与权限处理。
