- 博客(7)
- 收藏
- 关注
RSS订阅原创 【vue3系列实战三（第三节）】vue3 + websocket 多人聊天室实战
app.listen(…) 其实等价于 http.createServer(app.callback()).listen(…)，只是更简洁。直接用 http.createServer(app.callback()) 可以让你获得更多底层控制权，适合需要和原生 http server 交互的场景。app.callback() 是 Koa 框架暴露给 Node.js http server 的标准请求处理函数。socket.io可以在客户端和服务器之间实现低延迟双向和基于事件的 通信。
2025-05-23 20:01:35
1238
原创 【vue3系列实战三（第二节）】vue3 + websocket 多人聊天室实战
样式布局都没有问题，但是有一些细节还需要优化，我们发送消息之后好像，没有显示最新的消息，我们需要手动滚动滚动条到底部，这显然不合理。这个组件需要关注一下，键盘关键字的使用，以及我们发送请求的防抖处理，不管是面试还是日常开发，防抖都是很重要的！，有一个关键点我们更新滚动条的位置的时候时机很重要，我们总需要在*dom更新之后在执行滚动条的滚动，否则滚动条操作可能无效，大家可以自己进行尝试，所以我们需要使用nextTick。当消息列表的数据发生改变的时候，滚动滚动条，所以我们需要操作ref。
2025-05-21 15:09:19
946
原创 【vue3系列实战三（第一节）】vue3 + websocket 多人聊天室实战基础
登录/登出用户信息存储（用户名、头像等）用户状态管理（在线/离线）
2025-05-20 15:15:30
1411
原创 【vue3系列实战二】vue3 + pinia 购物车系统
接下来定义一个购物车store,让我们来思考一下如何设计一个购物车的store，首先，我们需要的是一个全局状态的state,然后对这个state进行增删改查，对这个state进行维护，比如当我们对state新增的时候需要考虑的是，当商品是否已经存在在购物车中？现在我们来实现购物车列表，我们现在在右上角新增一个按钮，使用弹窗的方式进行购物车列表的展示，大家可以用新页面展示也行，根据自己的想法来。我们测试时候使用了pinia的函数式写法，所以我们正式项目就使用选项式写法，大家可以根据自己的想法来实现功能！
2025-05-18 14:24:21
1185
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人