-
最直接的方式是使用Node.js内置http模块创建服务器，代码简洁且便于理解底层机制。示例中通过http.createServer监听3000端口，根据URL返回不同内容，访问根路径显示欢迎信息，/about返回关于页面，其他路径返回404。保存为server.js后运行nodeserver.js即可在浏览器访问。虽然http模块基础，但适合学习；实际开发更推荐Express.js，因其路由、中间件管理更高效。安装Express后，可用app.get定义路由，express.static服务静态文件，并
-
newService()是解耦的第一道坎，因其将服务创建与销毁逻辑耦合进组件，导致测试困难、功能扩展受限、内存泄漏及单例失效；provide/inject非真正DI，需配合工厂函数、InjectionKey和接口契约才能实现类型安全、跨框架复用的真解耦。
-
ul+li是搭建物流时间轴最稳妥方案：ul语义清晰兼容性好，li按时间顺序代表节点且支持状态回退；每个li含time/strong/p三部分，用data-status="active"标记进行中节点；CSS通过relative定位+伪元素画圆点和竖线，避免兼容问题；动态高亮依赖后端current字段而非索引；移动端详情展开用手写aria-expanded+max-height过渡替代details标签。
-
prefers-color-scheme是CSS媒体查询关键字，用于检测系统深色/浅色偏好，需先写默认浅色样式再用@media(prefers-color-scheme:dark)覆盖，配合localStorage存用户选择、class切换和CSS变量实现可靠主题切换。
-
使用align-items和justify-items可实现Grid子元素在网格单元格内垂直水平居中，前者控制Y轴对齐，后者控制X轴对齐，适用于多个子项统一居中；若需单独控制，则使用place-items或align-self与justify-self。
-
JavaScript执行前先词法分析生成tokens，再语法分析构建AST，V8引擎通过Ignition解释执行字节码，TurboFan对热点代码JIT编译为机器码，预解析实现var和function声明提升，了解该流程有助于优化代码性能与理解执行机制。
-
本文揭示JavaScript代码在浏览器控制台与Node.js环境中输出不一致的根本原因：并非运行时环境差异，而是浏览器DevTools的「表达式求值回显」机制导致多出一行'baz'，实际逻辑行为完全一致。本文揭示JavaScript代码在浏览器控制台与Node.js环境中输出不一致的根本原因：并非运行时环境差异，而是浏览器DevTools的「表达式求值回显」机制导致多出一行`'baz'`，实际逻辑行为完全一致。你遇到的现象看似
-
TransformStream不能直接处理HTML字符串或DOM节点，因其仅工作于ReadableStream/WritableStream的字节块层面；必须先通过TextDecoderStream将fetch().body等原始流解码为字符串流，再接入自定义TransformStream进行逐块处理，而innerHTML或DOMParser是同步操作，流已结束，无法介入。
-
计算属性不能处理异步接口返回，因其设计为同步纯函数，依赖响应式数据实时计算并缓存结果；若引入async/await，则返回Promise而非实际值，破坏缓存与渲染逻辑；应改用watch监听变化并更新ref，再通过computed组合状态。
-
Map.prototype.set()返回undefined，故原生不支持链式调用；需继承Map并重写set等方法使其返回this，再扩展状态机语义如transition、exec，结合WeakMap可实现实例级隔离的状态映射。
-
WebSocket协议本身不支持消息优先级，必须在应用层用多队列+权重调度实现；uWebSockets.js和Swoole等高性能方案效果最稳，SocketRocket需依赖GCD队列优先级，sockjs-client只能靠缓冲延迟微调。
-
repeat()是CSSGrid的函数式语法，用于grid-template-columns/rows中定义重复轨道，需配合display:grid使用，常见形式有repeat(4,200px)、repeat(3,1fr2fr)、repeat(auto-fit,minmax(200px,1fr))，误用主因是缺失网格上下文或错用于子项属性。
-
JavaScript不直接适配屏幕，而是通过检测（如clientWidth、visualViewport）、响应（resize/orientationchange事件）和补位（动态改class、canvas像素比）实现；需节流监听、区分CSS/物理像素、配合viewport与dpr处理高清屏。
-
spellcheck属性仅提示浏览器允许拼写检查，不修正错字、不阻止提交、不校验语义；其生效需满足可编辑元素（如text/textarea/contenteditable）、用户正在输入、系统拼写开关开启、无autocorrect等属性压制等条件。
-
@media(orientation:landscape)单独使用效果差，因它仅检测方向而不感知视口高度骤减、vh抖动、fixed偏移及系统UI干扰等真实问题。
