-
首先需创建支持WebSocket协议的服务端，如使用Node.js与ws库搭建服务器；然后在客户端通过JavaScript的WebSocketAPI建立连接并监听事件；接着利用全双工特性实现双向通信，客户端与服务器可随时互发消息；最后需处理连接状态与异常，包括重连、错误提示及心跳机制以保持连接稳定。整个过程基于单一TCP连接，不依赖HTTP请求响应模式，适用于实时聊天、通知等场景，关键在于服务端支持与前端事件驱动协同，同时注意使用wss加密、跨域策略及JSON格式传输数据。
-
HTML表格中td不能真正拆分，只能通过colspan和rowspan合并单元格后重写结构实现；强行用JS操作内容或CSS布局会导致DOM错乱、样式失效及兼容性问题。
-
父容器未设display:grid导致grid-cols-3无效；响应式需配断点如md:grid-cols-2；grid-cols-[200px]非四列而是单列固定宽；gap受子项margin干扰，调试宜用outline查看真实网格区域。
-
应使用web-mode而非html-mode，因其能统一高亮和处理HTML中嵌入的JS、CSS及Jinja/ERB/Vue/JSX等模板语法，支持智能标签补全、缩进控制与轻量模板插入，且配置简洁、维护活跃。
-
Android浏览器（包括Chrome、Firefox等）在页面进入后台或屏幕关闭后会暂停JavaScript执行，导致setInterval+AJAX轮询失效；这不是浏览器Bug，而是系统级资源管控机制，强行绕过既不可靠也不符合最佳实践。
-
font-size不支持直接transition动画，需用rem+CSS自定义属性或transform:scale()实现可控过渡；JavaScript动态修改时须用getComputedStyle强制触发。
-
最稳妥方案是用JS监听input事件实时判断长度并动态设置span样式标红，而非依赖CSS伪类或纯HTML；需区分输入中节流反馈与提交时强制校验。
-
首先解决跨域问题并配置接口路径，确保Vue与Node服务通信；1.分别启动Vue（localhost:8080）和Node（localhost:3000）服务；2.在Node中使用cors中间件允许跨域请求；3.Vue通过axios发送请求获取数据；4.推荐在vue.config.js中配置代理，将/api请求转发至Node服务，简化开发调试。
-
绝对定位多列不重叠需按内容最大宽度设列宽并加间隙，left用累计偏移计算，父容器须设height防塌陷，IE11避免混合单位calc()。
-
Redux适合中大型应用，强调可预测性与调试能力；ContextAPI轻量灵活，适用于低频简单共享状态。二者核心差异在于设计目标、性能机制与学习成本。
-
逗号运算符是返回最后一个表达式值的表达式运算符，常用于for循环更新部分；在声明中逗号仅为语法分隔符，赋值时需括号包裹才生效，但可读性差应慎用。
-
优先用document.execCommand('fontName',false,'MicrosoftYaHei')控制字体，需确保选区有效、字体名完整准确，Firefox已禁用该命令须降级处理，框架中避免v-model绑定contenteditable并手动同步状态。
-
auto-fit会“撑开”容器：它折叠空轨道后将剩余空间重新分配给有内容的列，而auto-fill坚持按最小尺寸占满整行，保留空轨道位置。
-
本文详解为何onclick="del(this.id)"返回undefined，并提供基于事件委托与DOM层级关系的可靠解决方案，包括代码修正、原理说明及现代替代实践。
-
在JavaScript中删除HTML元素可以使用remove()方法或removeChild()方法。1.remove()方法简洁直接，但不兼容旧版浏览器。2.removeChild()方法通过父节点删除元素，兼容性更好。3.删除多元素时需从后往前删除，避免DOM动态变化导致跳过元素。使用虚拟DOM技术可提升性能。
