-
Node.js中操作WebSocket的核心是使用ws库创建服务器和客户端，通过事件驱动实现双向通信。首先安装ws库，创建HTTP服务器并绑定WebSocket服务器，监听connection事件处理客户端连接，利用message、close、error事件处理消息收发、连接关闭和错误。客户端通过newWebSocket()连接服务器，使用onopen、onmessage、onclose、onerror进行交互。数据传输通过send()发送，message事件接收，注意数据类型统一。错误处理需监听erro
-
HTML写对需满足三点：浏览器正常显示、校验器不报错、语义清晰；必须包含<head>与<metacharset="utf-8">，设置viewport，禁用废弃标签，规范嵌套与闭合，并用W3CValidator验证。
-
属性值完全匹配用[attr="value"]，要求一字不差、大小写与空格均敏感；[attr~="val"]用于空格分隔的单词匹配（如class）；[attr*="sub"]和[attr^="pre"]为子串与前缀模糊匹配；引号必需，标准模式下大小写敏感。
-
浏览器拦截非用户主动触发的弹窗是安全机制，核心因JS在无用户手势上下文（如click）时调用window.open()；必须保证手势链完整，异步回调会丢失上下文；推荐用DOM模态框替代，或预留空窗口再导航。
-
HTML中引入CSS有内联、内部（<style>）和外部（<link>）三种方式，推荐外链；CSS变量以--开头，在:root或选择器中声明，用var()函数调用并可设回退值，JS需用setProperty修改。
-
本文介绍在React+TypeScript中，如何规范地实现容器组件（如NavBar）与其自定义子组件（如NavBar.Item）之间的状态协同与事件通信，重点推荐renderprops模式，并对比Context与Children处理的适用边界。
-
HTML嵌套过深时需严格缩进（2空格）、合理注释（仅关键处）、语义化class命名（如BEM）、慎用自动格式化并校验输出。
-
通过font-size、color和text-align类可高效实现文本样式控制，如text-lg设字号、text-blue-600定义颜色、text-center居中对齐，结合响应式类提升开发效率与视觉统一性。
-
flex-shrink默认值是1，但元素仍可能溢出，因其受min-width:auto（默认）和内容固有尺寸限制；需配合min-width:0才能有效收缩。
-
柯里化是将多参数函数转换为一系列单参数函数，强制逐个传参；部分应用是预填部分参数生成新函数，支持任意位置和批量传参。二者语义不同但可结合使用。
-
本文详解如何在TypeScript的Map<string,any>中，根据指定键安全获取、修改并重新设置嵌套对象的属性（如name），避免常见误区（如误以为set()会自动深拷贝或响应式更新）。
-
:first-of-type选中父元素中首个指定类型的子元素，:last-of-type选中最后一个指定类型的子元素，二者结合可精准控制同类元素的首尾样式，如为文章首个段落加大字体、末个段落增加底部边距，或在混合元素结构中仅对特定标签（如p）的首尾实例设置样式，避免添加冗余类名，提升代码可维护性；需注意其基于元素类型匹配而非整体位置，与:first-child等区分，且兼容性良好，IE9及以上支持。
-
columns属性需确保容器为块级流且高度足够，优先用column-count固定列数或column-width实现自适应，配合break-inside:avoid防跨列断裂，column-gap统一用px单位并注意打印回退。
-
应选择ASP.NETCoreEmpty模板创建项目，配置wwwroot和静态文件中间件，编写标准HTML5结构并正确引入JS，添加API控制器提供接口，或使用LiveServer插件运行纯静态页面。
-
本文详解在API响应结构由扁平转为嵌套（如新增data包裹层）时，React表单onChange逻辑失效的根本原因，并提供安全、可维护的handleInputChange实现方案，确保字段更新精准作用于嵌套对象内部，杜绝data.name等非法顶层键的生成。
