关于个人全栈项目【臻美Chat】遇到的BUG以及解决方法

最新推荐文章于 2024-11-02 15:48:17 发布

忍者1

最新推荐文章于 2024-11-02 15:48:17 发布

阅读量98

点赞数

分类专栏：前端高级文章标签：项目管理前端

原文链接：http://www.mark-to-win.com/tutorial/50729.html

版权

前端高级专栏收录该内容

157 篇文章 0 订阅

订阅专栏

项目展示：
在这里插入图片描述

问题总结：
一、单用户重复登录设备

将每次输入的用户名与已经记录在后台的数组ar比较，如果存在则表示重复。

// 生成数组
var ar="";
socket.on(‘array’, function (val) {
ar = val;
// console.log(ar);
});

       if(ar.indexOf(lo.value)==-1){
                    sweetAlert("恭喜您，登录成功！");
                    socket.emit('setName', lo.value.trim());
                    names1(lo.value.trim());
                    login1.style.display="none";
                    document.querySelector(".bg").style.display = "none";
                    document.querySelector(".cd span").style.display = "none";
                    document.querySelector(".title img").style.display = "block";
                    document.querySelector(".fix").style.display = "block" ;
                    document.querySelector(".title").style.display = "block" ;
                    document.querySelector(".tit").innerText=lo.value.trim();
                    document.querySelector(".swal-button").onclick = function () {
                    document.getElementById("text").focus();
                    document.querySelector(".fix").addEventListener('click', function (e) {
                       if (e.target.nodeName === "LI"&&e.target.innerText != document.querySelector(".tit").innerText) {
                            document.querySelector(".fix").style.display="none";
                            document.querySelector(".chat_b").style.display="block";
                            document.querySelector(".box").style.display="block";
                            document.querySelector(".tit").innerText = e.target.innerText;
                            document.querySelector("#text").focus();
                            onOff=true;
                       }
                       else{
                        sweetAlert("不能跟自己聊天哦~");
                       }
                    })
                }
            }
            else{ sweetAlert("不能重复登录哦！"); return }