H5-socket.io

最新推荐文章于 2024-07-11 16:44:09 发布

黑芝麻饺子

最新推荐文章于 2024-07-11 16:44:09 发布

阅读量576

点赞数 1

CC 4.0 BY-SA版权

分类专栏： sockte.io 文章标签：聊天室

本文链接：https://blog.youkuaiyun.com/weixin_41108537/article/details/98515253

这篇博客介绍了如何利用socket.io构建一个基于H5的聊天室，详细讲解了基本的socket方法，如socket.emit和socket.on，并指出在这个过程中无需考虑跨域问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基于socket的聊天室

参考
1.b站就是b站,啥都有
2.github官方文档

1.视频很详细,所以它很长,不太好跳过,容易错过重点
2.最基础的socket方法emit/on
socket.emit(事件名,data);
socket.on(和emit的事件名一直,data=>{函数体});
3.不用考虑跨域,美滋滋

1.放一下自己的代码

//client.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .container{
            border: 1px solid green;
            background: greenyellow;
        }
        .message{
            color: pink;
        }
        .people{
            color: red;
        }
    </style>
</head>
<body>
    <div id="content" class=