-
JavaScript服务端渲染（SSR）核心是Node.js中预执行框架代码生成HTML字符串并返回，区别于CSR的客户端动态构建；关键步骤包括路由匹配、数据预取、renderToString、模板注入与hydrate；需规避浏览器API、处理样式提取及上下文传递。
-
CSS中h2>span样式未生效主因是结构不匹配、权重不足或被覆盖；需确认span是否为h2直接子元素，改用后代选择器或加类名提升可控性。
-
元素居中需根据场景选择方案：水平居中块级元素用margin:0auto，行内元素用父容器text-align:center；Flexbox通过justify-content和align-items实现灵活的水平垂直居中；Grid使用place-items:center简化二维居中；绝对定位配合transform:translate(-50%,-50%)适用于脱离文档流的精确居中，各方法各有适用场景。
-
JavaScript中的location对象用于获取和操作当前页面的URL信息，并控制页面跳转。一、获取当前页面的URL信息：可通过location.href、protocol、host、hostname、port、pathname、search及hash等属性分别获取完整的URL、协议、主机+端口、主机名、端口号、路径、查询参数及锚点部分，例如访问https://example.com:8080/path/to/page.html?id=123#section1时可分别提取各组成部分；二、进行页面跳转：
-
package.json的核心是name和version字段，必须符合npm规范；scripts定义命令，dependencies/devDependencies区分运行与开发依赖；main/module/exports控制模块入口，types提供类型定义；private、engines、browserslist等提升环境一致性。
-
text-align控制内联内容对齐，margin实现块级元素居中，padding调节内容与边框距离，三者结合可精准控制盒模型对齐。
-
JavaScript日志与错误跟踪需规范console用法、组合全局捕获机制、结构化上报关键字段、配Sourcemap提升可读性，并将日志视为可观测性产品设计。
-
HTML5不是需下载的软件，而是浏览器原生标准；Chrome默认支持，可通过file://协议直接打开本地.html文件，或用http-server启动本地服务器以支持完整API功能。
-
getUserMedia调用失败主因是环境与权限问题：HTTPS为硬性前提（仅localhost/127.0.0.1允许HTTP），移动端需用户手势触发；NotFoundError表示设备缺失或系统级禁用；正确绑定视频流应使用video.srcObject=stream，停止时须调用track.stop()释放资源。
-
柯里化将多参数函数转化为单参数函数链，实现参数预设与延迟绑定；函数组合通过pipe或compose连接函数，形成数据处理流水线。两者提升代码模块化、可读性与复用性，适用于事件处理、数据验证、中间件等场景，使逻辑更清晰且易于维护。
-
静态方法属于类本身，通过static关键字定义，无需实例即可调用，常用于工具类、单例模式和工厂模式。如MathUtils中的add、multiply方法；Logger类通过静态方法实现单例日志管理；Shape类的create方法作为静态工厂返回不同图形实例。静态方法不能访问实例属性或this，不被实例继承，应避免维护可变状态，合理使用可提升代码可维护性与结构清晰度。
-
骨架屏通过HTML和CSS构建页面结构占位符，配合JavaScript控制显示与隐藏，在内容加载时提供视觉反馈，降低用户焦虑、提升感知性能和视觉连贯性；实现中需应对布局偏移、响应式适配、无障碍支持等挑战，可通过精确尺寸匹配、组件化封装、轻量动画等优化策略，并避免滥用、控制显示时长、确保结构一致，结合A/B测试验证效果，真正提升用户体验。
-
子元素突破父容器通常因尺寸超限、绝对定位、内边距或边框导致盒模型溢出，可通过设置overflow:hidden裁剪溢出内容，但需注意隐藏阴影等副作用，建议结合box-sizing、max-width和Flex/Grid布局优化结构。
-
Node.js是基于V8引擎的JavaScript运行时，适合用JavaScript写后端；它支持异步非阻塞、模块化开发，拥有丰富npm生态，常用于构建高性能Web服务。
-
逻辑运算符短路是指JavaScript中||和&&在确定结果后停止执行后续表达式。||返回第一个真值，常用于设置默认值；&&返回第一个假值，可用于安全访问对象属性或条件执行函数，提升代码简洁性与安全性。
