-
居中弹窗布局通过Flexbox实现容器水平垂直居中，结合position定位弹窗内部元素。1.使用display:flex、justify-content:center和align-items:center使弹窗在固定定位的全屏遮罩层中居中；2.弹窗自身采用position:relative，其关闭按钮使用position:absolute进行精准定位；3.遮罩层背景色为半透明黑色，确保层级高于页面其他元素，完整结构包含container、modal及close-btn，实现视觉居中与交互功能。
-
404页面是独立的404.html文件，需放在根目录并确保服务器返回404状态码；静态托管需命名正确，路径用绝对地址，添加noindex，避免JS依赖。
-
首先获取用户音视频权限，通过getUserMedia请求流；然后创建RTCPeerConnection实例并添加流轨道；接着通过信令通道交换SDP和ICE候选；最后监听ontrack接收远程流。需注意安全上下文、ICE穿透配置及连接状态监控，确保在HTTPS环境下运行并处理权限与网络异常，方可实现稳定通信。
-
用@keyframes+animation实现可控闪烁纯CSS闪烁动画的核心就两步：定义关键帧、绑定到元素。别用text-shadow叠太多层模拟“发光”，容易糊且难调；优先走opacity或text-shadow的明暗变化，更轻量也更易控制节奏。常见错误是直接写animation:blink1sinfinite;却没定义@keyframesblink，浏览器直接忽略动画；或者忘了加animation-fill-mode:forwards;，导致动画结束后文字
-
transform居中更可靠，因margin:auto对绝对定位元素垂直方向无效，而translate(-50%,-50%)不依赖父高与子尺寸，且避免写死像素导致的错位。
-
链表应用对象模拟，节点含value和next；栈用Array的push/pop即可；队列避免shift，宜用双端指针优化。
-
用display:inline或inline-block可使块级元素横排，但inline不支持宽高和上下margin，inline-block有基线对齐缝隙；现代推荐flex布局，父设display:flex即可自动横排，兼容性好且无间隙问题。
-
防范XSS需对用户输入转义，使用textContent替代innerHTML，并启用CSP；2.管理第三方依赖需定期审计漏洞、锁定版本并移除无用包；3.敏感数据和逻辑应置于服务端，避免前端暴露密钥或权限判断；4.采用严格模式、禁用eval等危险函数，全程使用HTTPS，确保编码安全。
-
本文详解如何通过JavaScript动态控制UnityWebGL容器尺寸，强制维持指定宽高比（如16:9），避免浏览器窗口缩放导致画面拉伸或变形，无需修改Unity项目代码，仅需调整发布后的index.html。
-
HTML5按钮需用<button>标签并规范设置属性：type指定行为（button/submit/reset），id/class用于样式与脚本控制，disabled与aria-disabled协同增强可访问性，支持SVG图标与文本混合内容。
-
函数式编程通过纯函数、不可变数据和函数组合提升代码可读性与可维护性。1.纯函数确保输入输出一致且无副作用，便于测试；2.使用高阶函数如map、filter、reduce实现逻辑复用，结合compose进行函数组合；3.采用展开运算符、concat等方法保持数据不可变；4.在React中利用Hook封装状态与副作用，配合useMemo、useCallback优化性能；5.Redux的reducer遵循纯函数规范。函数式思想为现代JavaScript开发提供更清晰的组织方式。
-
flex等宽应设flex:110且min-width:0；grid三列等宽用repeat(3,1fr)，并加overflow-wrap:break-word防撑开。
-
最直接解法是给body或主容器设padding-top等于顶栏高度；需配合env(safe-area-inset-top)、动态监听visualViewport或JS同步更新，避免margin-top导致背景断裂及响应式失效。
-
-webkit-text-stroke是唯一被主流浏览器支持的文字描边方式，因原生text-stroke未标准化且未被任何引擎实现；Chrome、Edge、Safari支持该前缀属性，Firefox完全不支持，需搭配-webkit-text-fill-color:transparent使用，参数为widthcolor且顺序不可颠倒。
-
使用Promise封装WebWorker通信能有效解决请求响应匹配困难、回调地狱和错误处理复杂等问题。具体步骤为：1.主线程为每个请求生成唯一requestId并与Promise的resolve/reject方法关联存储；2.封装postMessage方法，返回基于requestId的Promise；3.在onmessage中根据requestId匹配并调用对应的resolve或reject；4.Worker端解析requestId并回传结果或错误；5.增加超时机制避免无限等待；6.统一处理Worker端
