-
HMR内存泄漏源于旧模块未卸载，需精准清除require.cache中变更模块及其依赖、显式释放资源、控制更新粒度并监控内存。
-
HTML本身没有函数，它是标记语言而非编程语言；所谓“HTML函数”实为JavaScript操作DOM的API方法，触控板适合结构编辑但无法高效处理JS逻辑、符号输入和快捷键操作。
-
可通过JavaScriptDOM操作动态添加元素：appendChild()追加末尾、insertBefore()指定位置插入、innerHTML字符串拼接（性能差）、insertAdjacentHTML()多位置插入、DocumentFragment优化批量插入。
-
结论：多层box-shadow必须单条声明、逗号分隔，按“近层→远层”顺序书写，最多3层；inset与outset需offset反向、blur匹配；真机渲染受限于blur>10px、层数>3或透明度<0.05，应使用CSS变量统一管理并实测验证。
-
通过调用getDisplayMedia()获取屏幕流并使用MediaRecorder录制，可实现浏览器端屏幕捕获与本地保存，需注意HTTPS环境、用户主动触发及浏览器兼容性限制。
-
z-index对float元素无效是因为只有定位元素（position非static）才能创建层叠上下文，浮动元素需配合position:relative等才能使z-index生效。
-
clear属性用于控制元素两侧是否允许浮动元素，解决浮动导致的布局问题。当子元素浮动时，父容器可能高度塌陷，传统方法是在末尾添加<divstyle="clear:both;"></div>使父元素包裹住浮动子元素。现代方案更推荐通过触发BFC（如overflow:hidden）或使用伪元素清除浮动，例如.clearfix::after{content:"";display:table;clear:both;}。尽管clear属性较老，但在处理
-
JSBridge回调丢失是系统性风险，需分层设计防丢、可溯、可控机制：识别页面跳转、低端Android/WKWebView、高频点击三类高危场景并前置拦截；采用带状态的异步重试，生成唯一requestId并维护上下文；Native层主动兜底，配合超时通知与待确认队列；强化可观测性，支持TraceId全链路追踪与幂等降级。
-
240px1fr是最简且最稳的写法，因它明确指定第一列固定240px、第二列占剩余空间，不依赖内容、无兼容风险，且避免溢出、无效百分比及冗余minmax。
-
Cookie的path属性仅控制浏览器自动发送范围，不提供访问权限控制；真正的权限校验必须由服务端完成，需结合身份验证、角色检查及资源授权等逻辑，并配合Secure、HttpOnly、SameSite等安全属性。
-
使用padding可解决内容贴边导致的视觉拥挤问题。通过在容器内添加内边距，如设置padding:16px或1rem，使文字与边框间留有空白，提升可读性与美观度；结合响应式设计，利用rem或媒体查询适配不同屏幕，让布局更具呼吸感，增强用户体验。
-
正则表达式可快速提取HTTP响应头Key-Value对，但仅适用于格式规范、无嵌套和换行折叠的原始头；需先切出头部块、逐行匹配并转小写存储key，或用字符串方法替代以提升鲁棒性。
-
应使用<figure><figcaption>组合实现图文语义关联，而非div+p模拟；figcaption须为figure首个或最后一个子元素，alt与figcaption分工明确，装饰性或内联图片不应滥用figure。
-
引入Animate.css可通过CDN添加animate__animated与具体效果类实现动画，如按钮弹跳；支持通过样式控制重复、延迟、速度，结合JS动态触发更佳。
-
将扁平菜单转为树形结构需两次遍历：首次用对象缓存节点并初始化children，识别根节点；第二次将非根节点挂载到父节点children下，时间复杂度O(n)。
