-
Reflect是一套底层统一的对象操作接口，核心价值在于对齐Proxy处理器与原生行为、支持运行时动态操作；其方法需显式传入目标对象，不兼容非对象输入，强调精确控制而非语法简化。
-
display:none仅隐藏渲染但不阻止资源加载和JS执行，导致autoplay触发、图片预加载及CPU消耗；应优先用hidden属性或服务端剔除HTML，配合JS实例销毁。
-
用grid划分导航区域、flex管理菜单项对齐与折行，兼顾横向流式布局、垂直居中与自适应折叠：外层grid设三列（auto1frauto）并align-items:center，菜单区flex-wrap:wrap；响应式优先缩窄grid列宽，最后才切flex-direction:column并加max-height/overflow控制；修复下拉错位需避免transform干扰定位上下文；菜单显隐推荐opacity+visibility+max-height组合过渡。
-
答案：HTML标签嵌套需遵循语义化和结构规范，避免浏览器解析错误、SEO下降和维护困难。块级元素可包含行内和其他块级元素，而行内元素不可嵌套块级元素；列表、表格、表单等有特定嵌套规则；HTML5新增如<article>、<section>、<nav>等语义化标签，提升可访问性和SEO；使用外部CSS、合理选择器、有意义类名及验证工具可优化代码质量和样式管理。
-
推荐使用带前缀的原子化边框工具类（如u-border），仅声明边框属性，分离粗细、颜色、圆角为正交类，支持响应式与暗色模式，避免耦合命名。
-
统一代码规范提升JavaScript团队协作效率。通过ESLint和Prettier统一代码风格，使用camelCase命名变量、UPPER_CASE命名常量，布尔值加is/has前缀；按功能组织模块结构，合理使用import/export，工具函数置于/utils；关键逻辑添加“为什么”的注释，API使用JSDoc，结合TypeScript增强类型安全，并通过GitHooks在提交前自动检查格式与质量，确保团队共识落地执行。
-
JavaScript响应式编程核心是观察者模式，通过Proxy拦截get/set实现依赖收集与触发，或用Object.defineProperty兼容旧环境；其本质是Subject（响应式对象）与Observer（副作用函数）的自动关联。
-
使用grid-auto-flow:row可实现按钮自动按行排列，结合grid-template-columns和minmax()能创建响应式多行按钮布局，适配不同屏幕尺寸。
-
实现背景图半透明需用rgba()遮罩或伪元素控opacity：前者在同元素设background-image与background-color:rgba()，后者用::before绝对定位加opacity；禁用容器级opacity以免内容变透。
-
Map比对象更适合缓存容器，因其键支持任意类型（含DOM节点、函数等引用）、严格保留插入顺序、size属性O(1)获取长度、无原型污染风险；Set去重和查存在为O(1)哈希查找，远快于数组O(n)线性查找。
-
JavaScript安全编码的核心是不信任任何外部输入，对用户数据做严格过滤和转义，同时利用现代浏览器机制隔离执行环境。XSS和CSRF是Web前端最常见、危害最大的两类攻击，防御需从前端、后端协同入手，不能只靠单侧措施。防范XSS：从输出上下文决定转义方式XSS本质是恶意脚本被当作HTML/JS/CSS执行。关键不是“过滤输入”，而是“在输出时按上下文正确转义”：HTML内容中插入用户数据：用textContent代替innerHTML；若必须用innerHTML，先通过DOMPurify
-
JavaScript通过生成器函数function*和yield实现协程，调用生成器函数返回生成器对象，执行时遇到yield暂停并返回值，通过next()方法恢复执行且可传参，实现双向通信；生成器保持内部状态，支持惰性求值和分步执行，常用于异步流程控制；为调度生成器协程，需编写执行器函数run，其递归调用next()并处理yield出的Promise，实现类似async/await的异步串行化执行，从而完成合作式多任务调度。
-
JavaScript动态改样式有三条路径：直接修改元素style对象适用于临时单次内联控制；切换className适合复用、可维护及响应式场景；操作CSSStyleSheet规则适合运行时生成主题或全局变量注入。
-
HTML5原生不支持RTSP协议，浏览器video标签仅支持HTTP(S)下的MP4/WebM/Ogg等格式；RTSP需通过服务端转协议（如ffmpeg转fMP4+MediaSource）或WebRTC网关实现播放。
-
Proxy能全面监听对象操作，通过get、set、deleteProperty等陷阱捕获读取、赋值和删除行为，结合Reflect实现默认行为并确保this正确；利用递归与缓存机制可深度监听嵌套对象，动态属性与新增属性自动被拦截，无需额外处理，从而构建精确高效的响应式系统。
