- 博客(4)
- 收藏
- 关注
RSS订阅原创 使用WebSocket只能登录一个账号
WebSocket实现单账号登录需结合会话管理和唯一标识验证。后端维护用户ID与WebSocket会话的映射表，新连接时检查是否存在活跃会话，存在则强制关闭旧连接。通过JWT令牌验证连接有效性，定期心跳检测保持活性，异常断开自动清理会话。分布式系统使用Redis同步登录状态，客户端用localStorage存储连接标识防止重复登录。核心是通过唯一标识绑定和会话验证确保单账号独占性。
2025-07-15 11:56:08
424
原创 promise和promise.all的理解和代码操作
【摘要】Promise是JavaScript处理异步操作的核心机制，包含Pending、Fulfilled和Rejected三种状态。通过构造函数创建Promise对象，使用resolve和reject改变状态，并通过.then()和.catch()处理结果。Promise.all可并行执行多个Promise，全部成功返回结果数组，任一失败立即终止。示例展示了单个异步任务处理和多个任务并行执行时的成功/失败场景。该机制为异步编程提供了链式调用和错误处理能力，是现代JS开发的重要基础。
2025-06-11 19:34:37
445
原创 Promise.all的详情理解
摘要： Promise.all是处理多个Promise的静态方法，输入Promise数组后返回一个新Promise。当所有Promise成功时返回结果数组（保持输入顺序），任一失败则立即返回首个错误。典型应用场景包括并行API请求等需等待所有异步任务完成的场合。使用时需注意：结果顺序与输入一致而与解决时间无关，非Promise值会被直接返回，具有快速失败特性（首个失败即终止）。通过示例可见，合理使用Promise.all能有效管理异步操作，避免回调嵌套，提升代码可读性和执行效率。
2025-06-11 19:32:26
1010
原创 React和vue的理论难题
React与Vue核心技术对比摘要 React核心特性： Fragment组件允许分组元素而不产生额外DOM节点，简写语法＜＞＜/＞需注意不支持key属性 forwardRef实现ref跨组件传递，解决HOC组件ref丢失问题 setState采用状态合并策略，异步更新；replaceState（已废弃）会完全替换状态 Vue核心特性： 自定义指令通过directive注册，提供bind/inserted等生命周期钩子，常用于权限控制、懒加载等场景 $nextTick利用微任务机制，确保DOM更新后执行回调
2025-06-09 15:24:37
1847
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人