IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

该问题已被官方收录

怎样使游戏流程的已变色步骤，在法官查看或杀人（投票）页面跳转后保持背景不变色

2

1

本地储存

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<header>
    <span id="return" class="fa fa-angle-left"></span>
    <span>法官日记</span>
    <span id="close" class="fa fa-times"></span>
</header>
<main>
    <div class="oneDayCopy">
        <div class="dayCopy">
            <div class="dateCopy">
                <span class="text-center btn-block">第1天</span>
            </div>
        </div>
        <div class="happeningCopy">
            <div class="asideCopy"></div>
            <div class="incidentsCopy">
                <div id="kill" class="incidentCopy">
                    <img class="moon" src="../img/night.png" alt="">
                    <a class="kill"><span class="triangle-leftCopy"></span>杀手杀人</a>
                </div>
                <div class="killMsgCopy">
                    <span id="beKilledCopy"></span>
                    号被杀手杀死，真实身份是
                    <span id="beKilledRoleCopy"></span>
                </div>
                <div id="deadSpeakCopy" class="incidentCopy">
                    <img class="sun" src="../img/day.png" alt="">
                    <a class="death"><span class="triangle-leftCopy"></span>亡灵发言</a>
                </div>
                <div id="aliveSpeakCopy" class="incidentCopy">
                    <a class="aliveSpeak"><span class="triangle-leftCopy"></span>玩家依次发言</a>
                </div>
                <div id="voteCopy" class="incidentCopy">
                    <a class="vote"><span class="triangle-leftCopy"></span>玩家投票</a>
                </div>
                <div class="voteMsgCopy">
                    <span id="beVoted"></span>
                    号被投票杀死，真实身份是
                    <span id="beVotedRole"></span>
                </div>
            </div>
        </div>
    </div>
</main>
<footer>
    <a class="over">结束游戏</a>
    <a class="watch">法官查看</a>
</footer>

JS代码（部分）
var playerStatus=JSON.parse(sessionStorage.getItem('playerStatus')),
    days=JSON.parse(sessionStorage.getItem('days')),
    beKillNum=JSON.parse(sessionStorage.getItem('beKillNum')),
    beVoteNum=JSON.parse(sessionStorage.getItem('beVoteNum')),
    step=sessionStorage.getItem('step');
//为法官查看页面准备
sessionStorage.setItem('playerStatus',JSON.stringify(playerStatus));
sessionStorage.setItem('beKillNum',JSON.stringify(beKillNum));
sessionStorage.setItem('beVoteNum',JSON.stringify(beVoteNum));
sessionStorage.setItem('days',JSON.stringify(days));

switch(step){
        case "dead":
            var i=days-1;
            changeColor($('.kill'),$('.kill .triangle-leftCopy'));
            $('.killMsgCopy').text(beKillNum[beKillNum.length-(1+i)].number+"号被杀死，真实身份是"+beKillNum[beKillNum.length-(1+i)].role).show();
            break;
        case "speak":
            i=days-1;
            changeColor($('.kill'),$('.kill .triangle-leftCopy'));
            $('.killMsgCopy').text(beKillNum[beKillNum.length-(1+i)].number+"号被杀死，真实身份是"+beKillNum[beKillNum.length-(1+i)].role).show();
            changeColor($('.death'),$('.death .triangle-leftCopy'));
            break;
        case "vote":
            i=days-1;
            changeColor($('.kill'),$('.kill .triangle-leftCopy'));
            $('.killMsgCopy').text(beKillNum[beKillNum.length-(1+i)].number+"号被杀死，真实身份是"+beKillNum[beKillNum.length-(1+i)].role).show();
            changeColor($('.death'),$('.death .triangle-leftCopy'));
            changeColor($('.aliveSpeak'),$('.aliveSpeak .triangle-leftCopy'));
            break;
    }
    //变色函数
    function changeColor(a,b){
        a.css({
            'backgroundColor':'#83b09a',
            'borderColor':'#83b09a'
        });
        b.css('borderRightColor','#83b09a');
    }

该问题已被官方收录

如何实现侧边栏刷新保持高亮？

1

angular基础 angular view angular model

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

主要利用sessionStorage或localStorage来保存侧边栏状态。

该问题已被官方收录

表单验证如何做到只在一行显示所有的错误信息?

1

表单验证

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<form name="loginForm" novalidate ng-submit="myLogin()">
            <p class="head">后台登录</p>
            <div class="unames">
                <img src="../images/name.png">
                <input type="text"
                       name="unames"
                       ng-model="params.name"
                       ng-minlength="3"
                       ng-maxlength="10"
                       placeholder="请输入用户名" required>
            </div>
            <div class="error" ng-messages="loginForm.unames.$error">
                <!--<div ng-message="required">用户名不能为空</div>-->
                <div ng-message="minlength">用户名长度至少为3</div>
                <div ng-message="maxlength">用户名长度不能超过10</div>
            </div>
            <div class="unames">
                <img src="../images/password.png">
                <input type="password"
                       name="upwd"
                       ng-model="params.pwd"
                       ng-minlength="6"
                       ng-maxlength="16"
                       placeholder="请输入密码" required>
            </div>
            <div class="error" ng-messages="loginForm.upwd.$error">
                <!--<div ng-message="required">密码不能为空</div>-->
                <div ng-message="minlength">密码长度至少为6位</div>
                <div ng-message="maxlength">密码长度不能超过16位</div>
            </div>
            <p id="hint"></p>
            <button id="login" type="submit" value="登录">登录</button>
        </form>

该问题已被官方收录

在使用{{}}绑定数据的时候，页面加载会出现满屏尽是{{xxx}}的情况。

2

1

angular model

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

该问题已被官方收录

随机数去重复的问题？

1

操作DOM 函数数据类型

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var box = $(".box");
var time;


function suiji() {
    var r = Math.floor(Math.random() * 256);
    var g = Math.floor(Math.random() * 256);
    var b = Math.floor(Math.random() * 256);
    return "rgb(" + r + "," + g + "," + b + ")";
}


function org() {
    box[0].style.backgroundColor = "orange";
    box[1].style.backgroundColor = "orange";
    box[2].style.backgroundColor = "orange";
    box[3].style.backgroundColor = "orange";
    box[4].style.backgroundColor = "orange";
    box[5].style.backgroundColor = "orange";
    box[6].style.backgroundColor = "orange";
    box[7].style.backgroundColor = "orange";
    box[8].style.backgroundColor = "orange";
}
// (box1!=box2&&box1!=box3&&box2!=box3)
// (box1!=box2 || box1,box2!=box3 || box2,box1!=box3 || box3)
function df() {
    org();
    var box1 = Math.floor(Math.random() * box.length);
    var box2 = Math.floor(Math.random() * box.length);
    var box3 = Math.floor(Math.random() * box.length);
    if {

        box[box1].style.backgroundColor = suiji();
        box[box2].style.backgroundColor = suiji();
        box[box3].style.backgroundColor = suiji();
    }
    else {
        df()
    }
}

$("#btn1").click(function dfd() {
    clearInterval(time);
    time = setInterval(df, 1000);
});
$("#btn2").click(function () {
    org();
    clearInterval(time);
});

该问题已被官方收录

去掉URL上的#号导致某个页面刷新后404

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如上

该问题已被官方收录

在任务四的时候最尾巴的部分，要怎么实现实时更新几号被杀死，被投死的信息

1

本地储存

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//提取数据
var civilian = +sessionStorage.getItem("civilian"); //平民
var killer = +sessionStorage.getItem("killer"); //杀手
var days = sessionStorage.getItem("days"); //天数
var killDead = JSON.parse(sessionStorage.getItem("killDead")); //杀死数组
var voteDead = JSON.parse(sessionStorage.getItem("voteDead")); //投死数组
var daysArray = JSON.parse(sessionStorage.getItem("daysArray")); //天数数组
console.log(daysArray)
console.log(killDead)
console.log(voteDead)
console.log(civilian)
console.log(killer)
console.log(days)
//获取节点
var day = document.getElementsByClassName("day");
var sourceNode = document.getElementsByTagName("ul");
var sha = document.getElementsByClassName("sha");
var tou = document.getElementsByClassName("tou");
var picture = document.getElementsByClassName("picture")[0];
document.getElementsByTagName("p")[0].innerHTML = "剩余玩家:" + (killer + civilian);
document.getElementsByTagName("span")[0].innerHTML = "杀手" + killer + "人";
document.getElementsByTagName("span")[1].innerHTML = "平民" + civilian + "人";
if (killer >= civilian) {
    picture.style.background = "url(./杀手.png) no-repeat 0.8rem -0.3rem" ;
    picture.style.zoom=".4"
}
for (let i = 1; i < days; i++) {
    var cloneNode = sourceNode[0].cloneNode(true); //克隆源节点
    sourceNode[0].parentNode.appendChild(cloneNode); //排列
}
for (let i = 0; i < days; i++) {
    day[i].innerHTML = daysArray[i + 1];
    if (killDead[i] == undefined) {
        sha[i].innerHTML = "黑夜：";
    } else {
        sha[i].innerHTML = "黑夜：" + killDead[i];
    }
    if (voteDead[i] == undefined) {
        tou[i].innerHTML = "白天：";
    } else {
        tou[i].innerHTML = "白天 : " + voteDead[i];
    }
    console.log(killDead[i])
    console.log(voteDead[i])
}
//再来一局
var go = document.getElementsByTagName("button")[0];
go.onclick = function () {
    sessionStorage.clear();
    location.href = ("./../捉鬼猜词/捉鬼猜词.html");
}

该问题已被官方收录

nginx反向代理服务,配置conf文件后，nginx就无法启动了。

1

Ajax 跨域

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   G:\home\www;
            index  index.html index.htm;
        }
        location /carrots-admin-ajax/ {
            proxy_pass http://dev.admin.carrots.ptteng.com/;
        }

该问题已被官方收录

登录之后，在其他页面怎么判断是否已经登录？

0

1

$http

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//保存数据到sessionStorage

sessionStorage.setItem('key', 'value');

//从sessionStorage获取数据

sessionStorage.getItem('key');

sessionStorage.key;

//从sessionStorage删除保存的数据

sessionStorage.removeItem('key');

//从sessionStorage删除所有保存的数据

sessionStorage.clear();

该问题已被官方收录

在点击登陆的时候，遇到了好多不懂得东西，比如说接口的问题，还不是很能理解关于接口

1

Ajax

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 获取input的数值
var ID = document.getElementById('ID');
// 第二个input的数值
var password = document.getElementsByClassName('password')[0];
var show = document.getElementById('show');
// 声明一个请求
var xhr;
// 点击事件，点击的时候获取到输入框输入的数值
function NEWbutton() {
    console.log(ID.value);
    console.log(password.value);
    if (ID.value == '') {
        show.innerHTML = '请输入账号'
        return false;
    } else if (password.value == '') {
        show.innerHTML = '请输入密码'
        return false;
    } else {
        // 请求参数
        var data = 'name=' + ID.value + '&pwd=' + password.value;
        var lin = '/carrots-admin-ajax/a/login';
        xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
            // 通信成功时，状态值为4
            if (xhr.readyState === 4 && xhr.status === 200) {
                var xuan = JSON.parse(xhr.responseText);
                console.log(xuan)
                if (xuan.code == 0) {
                    location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard'
                } else {
                    show.innerHTML = xuan.message;
                }
            } 
        }
    };
    xhr.open('POST', lin, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(data);
    return false;
}