-
答案：SSR需区分执行环境，服务端仅支持初始化与渲染，客户端处理DOM和事件；通过框架机制如getServerSideProps预取数据，hydration同步状态，实现两端一致的生命周期管理。
-
WebWorkers是浏览器提供的后台线程机制，实现JS真正多线程，避免阻塞主线程；通过postMessage通信，不可访问DOM，适用于计算密集型任务。
-
Angular是Google维护的TypeScript前端框架，提供模块化架构、响应式数据流、开箱即用工具链，适合构建可维护的大型企业级应用。
-
align-items控制网格项在单元格内垂直对齐，justify-items控制水平对齐；二者生效需列/行有明确尺寸；align-content/justify-content仅在轨道总和小于容器时分配多余空间；align-self/justify-self可覆盖容器设置但有兼容性限制。
-
Flexbox可高效实现图文混排布局，通过display:flex、align-items与gap属性轻松控制对齐和间距；结合flex-direction与媒体查询实现响应式切换，支持多行文本对齐调整及弹性空间分配，提升布局灵活性与可维护性。
-
CSSNano压缩后样式失效主因是默认激进规则误删/改写关键代码，需禁用mergeRules、sortSelectors等选项，确保其作为PostCSS插件正确配置在postcss-loader中且顺序合理。
-
CSS盒模型只有标准盒模型和IE盒模型两种，标准模型中width/height仅指内容区，总宽=content+padding+border；IE模型中width/height包含content、padding和border，内容区自动收缩；通过box-sizing属性切换：content-box为标准模型，border-box为IE模型。
-
可通过浏览器直接打开HTML文件、使用本地服务器或IDE内置功能查看网页效果。一、保存.html文件后双击用默认浏览器打开；二、右键选择特定浏览器测试兼容性；三、通过Node.js安装http-server启动服务，在localhost:8080访问；四、在VSCode中使用LiveServer扩展实现保存即刷新；五、利用Python内置服务器命令python-mhttp.server8000快速部署并在浏览器查看。
-
WebAssembly的尾调用优化通过将尾递归调用转化为栈帧重用，避免栈溢出并提升性能。它要求递归调用位于函数末尾且无后续操作，编译器将其转换为return_call指令实现跳转而非压栈。该优化对深度递归场景至关重要，尤其在函数式语言编译到Wasm时。Rust、C/C++、AssemblyScript等语言需编写尾递归形式并开启优化编译，才能触发此优化。然而，其应用受限于运行时支持成熟度、编译器识别能力、调试困难及代码可读性问题，并非所有递归均可优化，需权衡使用。
-
图片无法显示时应检查路径、标签语法、服务器环境及文件格式：1.确认使用正确相对或绝对路径，如src="images/example.jpg"；2.正确书写img标签并添加alt属性；3.使用LiveServer等本地服务器预览；4.统一文件命名规范并验证格式完整性。
-
不可行，:empty仅匹配完全无子节点（含文本、空格、注释）的元素，不响应JS动态变化；推荐用display:none配合JS控制显隐，或服务端条件渲染。
-
Reflect是ES6引入的内置对象，提供统一函数式接口集中管理JavaScript底层操作，与Proxy配合可实现元编程。它将原本分散的操作（如属性读写、函数调用）规范化为静态方法，如Reflect.get()、Reflect.set()、Reflect.has()等，均返回布尔值以提升操作可靠性，并支持receiver参数确保this正确绑定。相比传统命令式写法，Reflect更利于错误处理、逻辑扩展和代理透传，是实现响应式系统（如Vue3）的基础工具。
-
HTML5视频加密依赖EME+DRM或MSE+WebCrypto实现，非HTML5原生能力；主流方案用AES/CENC加密分片，浏览器CDM解密；轻量方案需自管密钥与解密逻辑；须配合HTTPS、签名URL等防护，禁用伪加密。
-
负边距不会让元素脱离正常文档流，它仅改变渲染位置而不影响占位框计算，父容器高度和兄弟元素仍受原始尺寸影响。
-
order属性通过调整Flex子项在主轴上的渲染位置来控制显示顺序，不改变DOM结构；默认值为0，数值越小越靠前，相同时按HTML源码顺序排列，仅对display:flex容器的直接子元素生效。
