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');
    }

该问题已被官方收录

如何将两个日历选取同一天时，时间差为一天

0

1

angular 插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 //日历控件+++
    $scope.dateOptions1 = {
        formatYear: 'yy',
        maxDate: new Date(),//可选取日期最大值
        startingDay: 1
    };
    $scope.dateOptions2= {
        formatYear: 'yy',
        maxDate: new Date(),//可选取日期最大值
        startingDay: 1
    };

    //修改日历日期显示样式
    $scope.format = "yyyy-MM-dd";
    $scope.altInputFormats = ['yyyy-M!-d!'];

    $scope.open1 = function () {
        $scope.popup1.opened = true;
    };
    $scope.open2 = function () {
        $scope.popup2.opened = true;
    };
    $scope.popup1 = {
        opened: false
    };
    $scope.popup2 = {
        opened: false
    };

该问题已被官方收录

如何保存有限状态机的状态

2

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var fsm =new StateMachine({
init:'ready',
   transitions:[
{ name:'tostep1',from:'ready',to:'step1'},
       { name:'tostep2',from:'step1',to:'step2'},
       { name:'tostep3',from:'step2',to:'step3'},
       { name:'tostep4',from:'step3',to:'step4'}
],
   methods:{
onTostep1:function () {
button[1].style.backgroundColor='whitesmoke';
           button[1].style.color='#cdd2d6';
           button[1].style.pointerEvents='none';
           localStorage.setItem('who','幽灵');
           localStorage.setItem('state',fsm);
       },
       onTostep2:function () {
alert('亡灵发言')
},
       onTostep3:function () {
alert('依次发言')
},
        onTostep4:function () {
localStorage.setItem('who','全民');
            window.location.href='kill.html';
       }
}
});

该问题已被官方收录

$state.current为什么能指向当前页面？

3

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$state.go($state.current, vm.params, {reload: true});

该问题已被官方收录

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

1

angular基础 angular view angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

该问题已被官方收录

小程序中，或者说在平常的JS中，有没有办法赋予变量优先级

0

1

小程序语言基础小程序界面构建

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 //是否使用免运费卷
  switch1: function (e) {
    let that = this;
    that.setData({
      isChecked1: e.detail.value
    })
    //检查全局变量中是否包含应付金额，如果没有则将获取到的应付金额放入全局变量，有则直接读取
    if (!app.globalData.price.really.base) {
      app.globalData.price.really.base = (Number(app.globalData.price.product) + Number(app.globalData.price.freight)).toFixed(2);
    }
    if (!app.globalData.price.really.pay) {
      app.globalData.price.really.pay = app.globalData.price.really.base;
    }
    let costPrice = (Number(app.globalData.price.product)).toFixed(2);
    let noCost = (Number(app.globalData.price.product) + Number(app.globalData.price.freight)).toFixed(2);
    if (that.data.isChecked1 == true) {
      app.globalData.price.used.freight = app.globalData.price.freight;
      that.setData({
        freefreight : true,
      })
    } else {
      app.globalData.price.used.freight = '0.00';
      that.setData({
        freefreight: false,
      })
    }
    that.really_pay();
    //检测余额已经抵押完应付金额，再使用免运费卷，致使应付金额小于0
    if (app.globalData.price.really.pay < 0 && app.globalData.price.used.balance > 0) {
      console.log('余额超值')
      app.globalData.price.really.pay = '0.00';
      app.globalData.price.used.balance = (Number(app.globalData.price.used.balance) - Number(app.globalData.price.used.freight)).toFixed(2);
      that.setData({
        reducebalance: app.globalData.price.used.balance
      })
    }
    //检测仅免运费卷、余额被勾选，然后 
    if (!that.data.isChecked1 && that.data.isChecked4 && !that.data.isChecked2 && !that.data.isChecked3 && app.globalData.price.used.balance > 0){
      app.globalData.price.really.pay = '0.00';
      app.globalData.price.used.balance = (Number(app.globalData.price.used.balance) + Number(app.globalData.price.freight)).toFixed(2);
      that.setData({
        reducebalance: app.globalData.price.used.balance
      })
      console.log(app.globalData)
    }
    if (app.globalData.price.really.pay < 0 && app.globalData.price.used.card > 0) {
      console.log('春播卡超额')
      app.globalData.price.really.pay = '0.00';
      app.globalData.price.used.card = (Number(app.globalData.price.used.card) - Number(app.globalData.price.used.freight)).toFixed(2);
      that.setData({
        reducePrice: app.globalData.price.used.card
      })
    }
    if (!that.data.isChecked1 && that.data.isChecked3 && app.globalData.price.used.card > 0) {
      app.globalData.price.really.pay = '0.00';
      app.globalData.price.used.card = (Number(app.globalData.price.used.card) + Number(app.globalData.price.freight)).toFixed(2);
      that.setData({
        reducePrice: app.globalData.price.used.card
      })
      console.log(app.globalData)
    }
    that.setData({
      richPrice: app.globalData.price.really.pay
    })
  },

该问题已被官方收录

求学大作战删除功能，如何在全选后，点击单选则取消全选的选择

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

        //every判断是否已经全选
        function istrue(val) {
          return val.check == true;
        }
        let all = this.articleList.every(istrue);
        //如果未全选了，则全选按钮取消
        if (all == false) {
            this.checkAll = false;

          //如果全选了，则全选按钮选择上
        } else {
            this.checkAll = true;
        }

该问题已被官方收录

if……else……else if……语句的内嵌

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//分配杀手和平民的数量
    function distribution(){
        getInput();
        if(players > 18 || players <4){
            killer = " ";
            civilian = " ";
            return;
        }
        if(players >= 4 && players <6){
            killer = 1;
            civilian = players - killer;
        }
        else if(players >=6 && players <9){
            killer = 2;
            civilian = players - killer;
        }
        else if(players >= 9 && players <12){
            killer = 3;
            civilian = players - killer;
        }
        else if(players >= 12 && players < 16){
            killer = 4;
            civilian = players - killer;
        }
        else{
            killer = 5;
            civilian = players - killer;
        }
    }

该问题已被官方收录

关于杀人游戏的逻辑问题

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//获取玩家数组
var playersArray = JSON.parse(sessionStorage.getItem("playersArray"));
console.log(playersArray);
//获取玩家数量
var players = sessionStorage.getItem("players");
//提取存活的平民
var civilian = sessionStorage.getItem("civilian");
console.log(civilian);
//选择的玩家
var choosePlayer;
//获取克隆的节点
var sourceNode = document.getElementById('players1');
//提取死掉的玩家号码数组
if (sessionStorage.getItem("dieNumber")) {
    var dieNumber = JSON.parse(sessionStorage.getItem("dieNumber"));
} else {
    var dieNumber = [];
}    
console.log(dieNumber);
//提取死亡数组
if (sessionStorage.getItem("killDead")) {
    var killDead = JSON.parse(sessionStorage.getItem("killDead"));
} else {
    var killDead = [];
}
window.onload = function () {
    //console.log(sourceNode);
    //获取玩家名字节点
    var name = document.getElementsByClassName("name");
    //获取玩家数字节点
    var number = document.getElementsByClassName('number');
    var a = 0;
    var q = document.getElementsByClassName("player"); //获取游戏盒子节点
    // console.log(playersArray.length);
    for (let i = 2; i < playersArray.length + 1; i++) {
        var cloneNode = sourceNode.cloneNode(true);
        cloneNode.setAttribute("id", "players" + i); // 修改一下id 值，避免id 重复 
        sourceNode.parentNode.appendChild(cloneNode);
    }
    for (let i = 0; i < playersArray.length; i++) {
        if (playersArray[a] == 0) {
            name[i].innerHTML = "平民";
            a++;
        } else if (playersArray[a] == 1) { //判断杀手修改玩家名字
            name[i].innerHTML = "杀手";
            a++;
        }
        number[i].innerHTML = i + 1 + "号"; //修改玩家号码
        q[i].index = i; //这里index相当于形参
        q[i].onclick = function () { //玩家盒子点击事件
            for (let i = 0; i < q.length; i++) {
                q[i].getElementsByTagName("i")[0].style.display = "none"; //每次点击时所有的匕首隐藏
            }
            choosePlayer = q[i].index; //获取被选择的玩家
            console.log(choosePlayer);
            q[i].getElementsByTagName("i")[0].style.display = "inline-block"; //被点击的盒子显示匕首
            // console.log(q[i]);
        }
    }
    for (var i = 0; i < dieNumber.length; i++) {
        name[dieNumber[i] - 1].style.background = "red";
    }
    //获取确定按钮的节点
    var button = document.getElementsByTagName("button")[0];
    button.onclick = function () {
        if (choosePlayer == undefined) {
            alert("请选择要杀死的平民");
        }else if(name[choosePlayer].style.background == "red"){
            alert("不能杀已死亡的玩家");
        } else if (playersArray[choosePlayer] == 1) {
            alert("杀手不能杀死自己");
        } else {
            // //被杀死的平民定义死亡
            // playerLife[choosePlayer] = "死亡";
            //存储存活平民的数量
            civilian = civilian - 1;
            sessionStorage.setItem("civilian", civilian);
            //存储被杀死的平民信息
            var temp = (choosePlayer + 1) + "号被杀死,真实身份是平民";
            killDead.push(temp);
            sessionStorage.setItem("killDead", JSON.stringify(killDead));
            //存储被杀的平民号码
            dieNumber.push(choosePlayer + 1);
            sessionStorage.setItem("dieNumber", JSON.stringify(dieNumber));
            //记录步骤数
            var step = 1;
            sessionStorage.setItem("step", step);
            //跳转法官台本
            location.href = ('./../法官台本/法官台本.html');
        }
    }
}
var close = document.getElementsByTagName("div")[0];
close.onclick = function () {
    if (confirm("确定退出游戏么？")) {
        sessionStorage.clear();
        location.href = ("./../捉鬼猜词/捉鬼猜词.html");
    }
}

该问题已被官方收录

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

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;
}