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

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

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

点击关闭按钮，的弹窗函数覆盖了杀人按钮的弹窗

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function close() { //关闭按钮函数
    $(".close").on("click", function () { //点击关闭按钮,弹窗
        ask("visible", "27vh auto"); //调用弹窗函数
        $("#text").text("结束本轮游戏吗?");
        if ($("#text").text() === "结束本轮游戏吗?") {
            $("#confirm").on("click", function () {

                $(location).attr('href', "index.html");
                localStorage.clear();
            });
        };

    });
};

function hidden() { //点击确定和取消弹框消失函数
    $("#confirm,#cancle").on("click", function () { //点击确定和取消弹框消失
        ask("hidden", "25vh auto"); //调用弹窗函数
    });
};

var fsm = {
        state: localStorage.getItem('steps'),
        killStep: function () { //杀手函数
            switch (fsm.state) {
                case 'none': // 如果是初始状态，即点击杀手步骤
                    localStorage.setItem('steps', 'killer'); //存储步骤为杀手杀人
                    $(location).attr('href', "kill.html"); //点击杀手杀人跳转杀人页面
                    break;
                case 'death': //如果继续点击杀手步骤会弹窗提醒
                    ask("visible", "27vh auto"); //弹窗
                    $("#text").text("请点击亡灵发表遗言");
                    break;
                case 'talk': //如果点击发言
                    ask("visible", "27vh auto"); //弹窗
                    $("#text").text("请点击玩家依次发言");
                    break;
                case 'vote': //如果点击投票
                    ask("visible", "27vh auto"); //弹窗
                    $("#text").text("请点击全民投票");
                    break;
            }
        },

该问题已被官方收录

天数不知道怎样复制，且是重置的新的状态

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var payPerson=JSON.parse(sessionStorage.getItem('payPerson'));
var statusing=sessionStorage.getItem('statusing');

console.log(statusing);
//状态
function step(type) {
    switch (type) {
      //情况一kill
      case "kill":
        if (statusing == "kill") {
           //转移状态
           statusing = "vote";
          //背景颜色  
           index=0;
          sessionStorage.index=index;
         
          //记录状态
          sessionStorage.statusing = statusing;
          location.href = "../js2/js2-kill.html";
          console.log('正在进行模式'+statusing);
          
          //改变颜色
          sessionStorage.background='#83b09a';
          //改变点击框颜色
          $('.step').eq(0).css('background-color',background);
          $('.triangleLeft').eq(0).css('color',background);
          
        }else{
          alert('请按顺序执行')
         
        }
        break;
        //情况二发言
      case "vote":
        if (statusing == "vote") {
          //改变状态
          statusing = "vote1";
          //背景颜色参数增加
          index=index+1;
          //保存参数
          sessionStorage.index=index;
          sessionStorage.statusing = statusing;
          alert('亡灵发表遗言')
          console.log('正在进行模式'+statusing);
          
          //遍历改变颜色
          for(let x=index;x>=0;x--){
            $('.step').eq(x).css('background-color',background);
            $('.triangleLeft').eq(x).css('color',background);
          }
          
        }else{
          alert('请按顺序执行')
        }
        break;
        //情况三发言二
      case "vote1":
        if (statusing == "vote1") {
          //改变状态
          statusing = "vote2";
          //改变颜色的参数递增
          index=index+1;
          //保存类的参数
          sessionStorage.index=index;
          //保存状态
          sessionStorage.statusing = statusing;
          
          console.log('正在进行模式'+statusing);
          //遍历改变颜色
          for(let x=index;x>=0;x--){
            $('.step').eq(x).css('background-color',background);
            $('.triangleLeft').eq(x).css('color',background);
          }
         //行动
          alert('玩家依次发言')
  
        }else{
          alert('请按顺序执行')
        }
        break;
      //请情况四：投票
      case "vote2":
        if (statusing == "vote2") {
          //状态改变
          statusing = "kill";
          //背景颜色参数改变
          index=index+1;
          //保存框的参数
          sessionStorage.index=index;
          //保存状态
          sessionStorage.statusing = statusing;
          for(let x=index;x>=0;x--){
            $('.step').eq(x).css('background-color',background);
            $('.triangleLeft').eq(x).css('color',background);
          }
          //投票后天数+1
          day=day+1;
          sessionStorage.day=day;
          
          console.log(payPerson);
          console.log('正在进行模式'+statusing);
          $('.contain').eq(day-2).after($('.contain').eq(day-2).clone(true))
          // clone();
          // demo();
          location.href = "../js2/js2-kill.html";

        }
    }
}

该问题已被官方收录

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

1

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

该问题已被官方收录

JS任务四，关于页面的跳转问题，页面的跳转如何在返回法官台本的时候渲染出文字

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 存贮玩家身份，存活
var data = JSON.parse(localStorage.getItem('PartArr'));
console.log(data);

var a = document.getElementsByClassName("box")[0];
var b = document.getElementsByTagName("main")[0];
var c = document.getElementsByClassName("civilian");
var d = document.getElementsByClassName("number");


// 重新声明了对象
function dx(pm, zt, sf) {
    this.pm = pm;
    this.zt = zt;
    this.sf = sf;
};

// 再次声明空数组
var array1=[];



 

// 保存上面声明的对象
localStorage.setItem("dx", JSON.stringify(dx));
console.log(dx);



var sharen;

function chan() {
    for (var i = 0; i < data.length - 1; i++) {
        var aa = a.cloneNode(true);
        b.appendChild(aa);
    }
}
chan();
// 声明一个变量T
var T;

for (let i = 0; i < data.length; i++) {
    c[i].innerText = data[i].breed;
    d[i].innerText = data[i].num
}
// 记录下被杀的人
var H = document.getElementsByClassName("box1");
for (var i = 0; i < H.length; i++) {
    var P = H[i];
    P.index = i; 
    P.onclick = function () {
        sharen = this.index;
        // 把T赋予给这个全局变量
        T = sharen;
        console.log(sharen)
    }

}

// var o=JSON.parse(localStorage.getItem('array'))
// console.log(o)


// 判断是否有定义
function queren() {
    for (i = 0; i < data.length; i++) {
        console.log(status)
        // 把构造函数的身份进行判断
        if (data[T].breed == "杀手") {
            alert("杀手不能杀死杀手")
            // 返回值，不输出的话会弹出四次
            return
        } else if (data[T].breed == "平民") {
            data[T].status = '死亡';
            // show.innerHTML='世纪开始剧烈的'
        }
    }
    console.log(data)
    // 储存这个页面的杀人数值
    localStorage.setItem("PartArr", JSON.stringify(data));
    window.location='./../js4法官台本/js4-1.html'
}


// 读取上个页面保存的数值
var data = JSON.parse(localStorage.getItem('PartArr'));
console.log(data)
// 获取显示页面的ID
var show = document.getElementById('show');
var box1 = document.getElementsByClassName('box1')[0];
var Boxtokill = document.getElementsByClassName('Box-to-kill');
console.log(show)

var dqq = JSON.stringify(localStorage.getItem('array1'));
var fate = document.getElementById('fate');
// show.innerHTML = '隐藏并传递给' + (data[1].breed + 1) + '号'

function sr() {
    window.location = './../js4杀手杀人/js4-3.html'
    for (i = 0; i < data.length; i++) {
        if (data[1].breed == "杀手") {
            alert("杀手不能杀死杀手")
            // 返回值，不输出的话会弹出四次
            return
        } else if (data[1].breed == "平民") {
           show.innerHTML='世纪开始剧烈的'
        }
    }
}
console.log(show)

该问题已被官方收录

法官台本详情显示问题

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(document).ready(function () {

    //获取
    var day = sessionStorage.getItem('day');//天数
    var stateNow = sessionStorage.getItem("stateNow");//当前状态
    var arr_player = JSON.parse(sessionStorage.getItem("arr_player"));//玩家状态数组
    var killNum = sessionStorage.getItem('killNum');//被杀下标
    var arr_killNum = JSON.parse(sessionStorage.getItem('arr_killNum'));//被杀下标数组
    var voteNum = sessionStorage.getItem("voteNum");//投票下标
    var arr_voteNum = JSON.parse(sessionStorage.getItem('arr_voteNum'));//投票下标数组

    //防止页面后退
    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', function () {
        history.pushState(null, null, document.URL);
    });

    //返回
    $("#btn-back").click(function () {
        sessionStorage.clear();
        location.href = 'assign.html';
    });
    //关闭
    $(".btn-close").click(function () {
        sessionStorage.clear();
        location.href = 'index2.html';
    });
    //结束游戏
    $(".again").click(function () {
        sessionStorage.clear();
        location.href = 'index2.html';
    });

    //当前杀人详情
    function judgeKill() {
        if (arr_killNum[day-1]=='no') {
            $('#kill').after(
                "<div class='killText'>" +
                '没有进行任何操作' +
                "</div>"
            )
        }else {
            $('#kill').after(
                "<div class='killText'>" +
                "<span class='killNum'>" + (Number(killNum)+1) + "</span>" +
                "号被杀手杀死，真实身份是平民" +
                "</div>"
            );
        }
        $('.circle2').css({'top':'1.8rem'});
    }
    //过去杀人详情
    function judgeKill2() {
        if (arr_killNum[day-2]=='no') {
            $('.kill').eq(i-1).after(
                "<div class='killText'>" +
                '没有进行任何操作' +
                "</div>"
            )
        }else {
            $('.kill').eq(i-1).after(
                "<div class='killText'>" +
                "<span class='killNum'>" + (Number(arr_killNum[i-1])+1) + "</span>" +
                "号被杀手杀死，真实身份是平民" +
                "</div>"
            );
        }
        $('.circle2').css({'top':'1.8rem'});
    }
    //当前投死信息
    function judgeVote() {
        $('#vote').after(
            "<div class='voteText'>" +
            "<span class='voteNum'>" + (Number(voteNum)+1) + "</span>" +
            "号被投票投死，真实身份是平民" +
            "</div>"
        );
    }
    //过去投死信息
    function judgeVote2() {
        $('.vote').eq(i-1).after(
            "<div class='voteText'>" +
            "<span class='voteNum'>" + (Number(arr_voteNum[i-1])+1) + "</span>" +
            "号被投票投死，真实身份是" + arr_player[voteNum].role +
            "</div>"
        );
    }

    //start/killed状态转变
    if (stateNow == null){
        stateNow = 'start';
    }

    //动态增加天数
    $("#time-num").text(day);
    if (day>1){
        for (var i=1; i<day; i++){
            //添加天数
            var html =
                "<div class=\'day-box\'>" +
                "<div class=\'date\'>" +
                "<span class=\'time\'>" + "第" +
                "<span class='time-num'>" + i + "</span>" + "天" +
                "</span>" +
                "<img class='down' src='img/down.png'>" +
                "</div>" +
                "<div class=\"proc-box\">" +
                "<div class=\"left\">" +
                "<div class=\"border\"></div>\n" +
                "<div class=\"circle\"></div>\n" +
                "<div class=\"circle2\"></div>"+
                "</div>" +
                "<div class=\"proc\">"+
                "<div class=\"process kill\"><div class=\"trg\"></div>杀手杀人</div>\n" +
                "<div class=\"process\"><div class=\"trg\"></div>亡灵发表遗言</div>\n" +
                "<div class=\"process\"><div class=\"trg\"></div>玩家依次发言</div>\n" +
                "<div class=\"process vote\"><div class=\"trg\"></div>投票</div>"+
                "</div>"+
                "</div>"+
                "</div>";
            $(".day-box").eq(i-1).before(html);
            //杀人信息显示
            judgeKill2();
            judgeVote2();
            //详情隐藏
            $(".day-box").eq(i-1).find(".proc-box").hide();
            //高亮
            $(".proc-box").eq(i-1).find(".process").css({"background":"#83b09a"});
            $(".proc-box").eq(i-1).find(".trg").css({"border-right":"#83b09a solid .22rem"});
        }
    }

    //天数点击展示\隐藏
    $(".date").click(function(){
        $(this).next().slideToggle();
    });
    $("#date_now").click(function(){
        $(this).next().slideToggle();
    });

    //状态机
    var fsm = new StateMachine({
        init: stateNow,
        transitions: [
            { name: 'kill', from: 'start', to: 'killed' },
            { name: 'speak', from: 'killed', to: 'spoke' },
            { name: 'talk', from: 'spoke', to: 'talked' },
            { name: 'vote', from: 'talked', to: 'voted' }
        ],
        methods: {
            onKill: function() {
                $("#kill").css({"background":"#83b09a"});
                $("#trg1").css({"border-right":"#83b09a solid .22rem"});
            },
            onSpeak: function() {
                $("#speak").css({"background":"#83b09a"});
                $("#trg2").css({"border-right":"#83b09a solid .22rem"});
            },
            onTalk: function() {
                $("#talk").css({"background":"#83b09a"});
                $("#trg3").css({"border-right":"#83b09a solid .22rem"});
            },
            onVote: function() {
                $("#vote").css({"background":"#83b09a"});
                $("#trg4").css({"border-right":"#83b09a solid .22rem"});
            }
        }
    });

    //开始杀人
    $("#kill").click(function () {
        if (fsm.state=='start'){
            fsm.kill();
            location.href='kill.html';
        } else {
            alert('请按顺序操作');
        }
    });
    //死者自白
    $("#speak").click(function () {
        if (fsm.state=='killed'){
            var YN = confirm('请死者亮明身份并且发表遗言');
            if (YN==true){
                fsm.speak();
                stateNow = fsm.state;
                sessionStorage.setItem("stateNow",stateNow);//当前状态
            }
        } else {
            alert('请按顺序操作');
        }
    });
    //玩家讨论
    $("#talk").click(function () {
        if (fsm.state=='spoke'){
            var YN = confirm('玩家依次发言讨论');
            if (YN==true){
                fsm.talk();
                stateNow = fsm.state;
                sessionStorage.setItem("stateNow",stateNow);//当前状态
            }
        } else {
            alert('请按顺序操作');
        }
    });
    //玩家投票
    $("#vote").click(function () {
        if (fsm.state=='talked'){
            fsm.vote();
            stateNow = fsm.state;
            sessionStorage.setItem("stateNow",stateNow);//当前状态
            location.href='vote.html';
        } else {
            alert('请按顺序操作');
        }
    });

    //状态判断
    switch (fsm.state){
        case "killed":
            fsm.onKill();
            judgeKill();
            break;
        case "spoke":
            fsm.onKill();
            fsm.onSpeak();
            judgeKill();
            break;
        case "talked":
            fsm.onKill();
            fsm.onSpeak();
            fsm.onTalk();
            judgeKill();
            break;
        case "voted":
            fsm.onKill();
            fsm.onSpeak();
            fsm.onTalk();
            fsm.onVote();
            judgeKill();
            judgeVote();
    }

    //存储
    sessionStorage.setItem("arr_player",JSON.stringify(arr_player));//玩家状态数组
    sessionStorage.setItem('day',day);
});

该问题已被官方收录

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

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

该问题已被官方收录

js中数组foreach与for循环有什么区别？

2

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

复制代码
import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

public class ForeachTest
{
    public static void main(String[] args)
    {
        int[] arr = {1, 2, 3, 4, 5};
        
        System.out.println("----------旧方式遍历------------");
        //旧式方式        
        for(int i=0; i<arr.length; i++)
        {
            System.out.println(arr[i]);
        }
        
        System.out.println("---------新方式遍历-------------");
        
        //新式写法,增强的for循环
        for(int element:arr)
        {
            System.out.println(element);
        }
        
        System.out.println("---------遍历二维数组-------------");
        
        //遍历二维数组
        
        int[][] arr2 = {{1, 2, 3}, {4, 5, 6}, {7, 8, 9}} ;
        
        for(int[] row : arr2)
        {
            for(int element : row)
            {
                System.out.println(element);
            }
        }
        
        //以三种方式遍历集合List
        
        List<String> list = new ArrayList<String>();
        
        list.add("a");
        list.add("b");
        list.add("c");
        
        System.out.println("----------方式1-----------");
        //第一种方式，普通for循环
        for(int i = 0; i < list.size(); i++)
        {
            System.out.println(list.get(i));
            
        }
        
        System.out.println("----------方式2-----------");
        //第二种方式，使用迭代器
        for(Iterator<String> iter = list.iterator(); iter.hasNext();)
        {
            System.out.println(iter.next());
        }
        System.out.println("----------方式3-----------");
        //第三种方式，使用增强型的for循环
        for(String str: list)
        {
            System.out.println(str);
            
        }
    }

}

该问题已被官方收录

如何用构造函数为数组添加具体的属性，比如role,isAlive

0

1

数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var killsObj
{
    for (i = 0; i < kills.length; i++) {
        function kills(role, isAlive) {
            this.role = kills[i];
            this.isAlive = "yep";
            this.sayRole = function () {
                alert(this.role);
            }
        }
    }
}

该问题已被官方收录

jQuery中文档就绪事件

0

1

Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
    <title>法官日记</title>
    <link rel="stylesheet" type="text/css" href="../css/task234-riji.css">
  </head>
  <body>      
    <!-- 页眉 -->
    <header>
      <img src="../images/11.png">
      <span>法官日记</span> 
      <img src="../images/09.png">
    </header>
    <!-- 内容主体 -->
    <main>
      <!-- 水民一号 -->
      <div id="box">
        <!-- 通过js动态输入HTML代码 -->
      </div>
    </main>
    <footer>
      <span>开始游戏</span> 
    </footer>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/javascript-state-machine/2.0.0/state-machine.min.js"></script>
    <script src="../js/task234-riji.js"></script>
  </body>
</html>

该问题已被官方收录

法官台本页面this 指向

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for (var i = 0; i < daynum; i++) {
  var gameday = content[i].querySelector('.gameday');
  // 游戏状态
  gameday.textContent = num2han(i + 1);
  // 天数行添加点击函数显示隐藏  
  contentHead[i].onclick = function () {
    var nextNode = this.nextElementSibling;
    switch (true) {
      case nextNode.style.display == "" || nextNode.style.display == 'block':
        nextNode.style.display = 'none';
        break;
      case nextNode.style.display == 'none':
        nextNode.style.display = 'block';
    }
  }
}
// 设置隐藏和点击效果
for (var i = 0; i < daynum - 1; i++) {
  var order = content[i].querySelectorAll('.play-order');

  contentHead[i].nextElementSibling.setAttribute('style', 'display: none');
  for (var j = 0; j < 4; j++) {
    order[j].setAttribute('class', 'play-order-click');
  }
}

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1