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

在JSON没有数据解析的时候，如何自制报错

0

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//localStorage.clear(); 
var info;
var info2;
//var storage;
document.getElementById("button3").onclick=function(){
    window.location.href="proportion3.html";
}
a=true;
var kill=0;
z=1;
for(let c = 0; c<z;c++){
    
document.getElementsByClassName("killer-1")[c].onclick=function(){
    // document.getElementById("day").onclick=function() {

    //     if(a==true){
    //         document.getElementsByClassName("main")[c].style.height=0;
    //         a=false;
    //         }else{
    //             document.getElementsByClassName("main")[c].style.height="237px";
    //             a=true;
    //         }
    //     }
    if(kill==0) {
        var storage;
        var death1;
        kill++;
        window.location.href="vote.html";
        document.getElementsByClassName("killer-1")[c].style.backgroundColor="rgb(128,128,128)";
        
    }else{
        alert("请按顺序来");
    }
}

document.getElementsByClassName("killer-2")[c].onclick=function(){
    
    if(kill==1){
        alert("亡灵发表遗言");
        document.getElementsByClassName("killer-2")[c].style.backgroundColor="rgb(128,128,128)";
        
        kill++;
    }else{
        alert("请按顺序来");
    }
}
document.getElementsByClassName("killer-3")[c].onclick=function(){
    if(kill==2){
        alert("玩家依次发言");
        document.getElementsByClassName("killer-3")[c].style.backgroundColor="rgb(128,128,128)";
        kill++;
    }else{
        alert("请按顺序来");
    }
}
document.getElementsByClassName("killer-4")[c].onclick=function(){
    if(kill==3){
        document.getElementsByClassName("killer-4")[c].style.backgroundColor="rgb(128,128,128)";
       // window.location.href="vote.html";
        z++;
        localStorage.many=JSON.stringify(z);
        console.log(localStorage);
    }else{
        alert("请按顺序来");
    }
}

kill=JSON.parse(localStorage.kill);
if(kill!=0){
    var identify=JSON.parse(localStorage.info);
    var identify2=JSON.parse(localStorage.info2);
    //for()
    document.getElementsByClassName("people-information")[c].innerHTML =identify2+"被杀死，他的真实身份是"+identify;
    document.getElementsByClassName("killer-1")[c].style.backgroundColor="rgb(128,128,128)";
    console.log(identify2);
    }
    z=JSON.parse(localStorage.many);
    console.log(z);
if(z>1){
    clone2 = document.getElementsByClassName("main-inner")[c].cloneNode(true);
    document.getElementById("main-all").appendChild(clone2);
}
}
document.getElementById("button3").onclick=function(){
    window.location.href="daily.html";
}
document.getElementById("button2").onclick=function(){
    
      var r =confirm("是否结束游戏");  
      if(r == true){
         
        localStorage.clear();
        window.location.href="proportion.html";
      }
      else{
          return false;
      }                                                                
}

如何保存杀人状态

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var arr = localStorage.getItem("newArr").split(",");//获取排序数组

再angular中的复选框和单选框的全选功能经常是各种时间，搞得太麻烦了。

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

关于跨域和POSTMAN的问题

0

1

跨域 postman

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 声明使用JQ
$(document).ready(function () {
    // 开始点击事件
    $('form').submit(function () {
        // 点击事件获取到输入框的数值
        console.log($('#ID')[0].value);
        console.log($('.password')[0].value);
        if ($('#ID')[0].value == '') {
            $('#show')[0].innerHTML = '请输入账号';
            console.log(show)
            return false;
        } else if ($('.password')[0].value == '') {
            $('#show')[0].innerHTML = '请输入密码';
            console.log(show);
            return false;
        } else {
            // 先用url请求地址
            var url = '/carrots-admin-ajax/a/login';
            // 调用上方form对象并且序列化
            var formdata = $(this).serialize();
            console.log(formdata)
            // 开始发送url和formdata请求参数
            $.post(url,formdata,
                function(data){
                    if (data.code == 0) {
                        console.log(1);
                        console.log(data)
                        location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard'
                    } else {
                        console.log(show)
                        show.innerHTML = data.message;
                        console.log(2);
                        console.log(data)
                    }
            },'json');
            return false;
        };
    })
})

什么是npm？如何使用npm？有什么优点和缺点？

0

1

其他

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

求学大作战，视频播放时，向下滚动时，视频播放窗口会保持不动，内容会随着下拉而展示

1

vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  // handleScroll为页面滚动的监听回调
    window.addEventListener(
      "scroll",
        this.handleScroll);
    // 监听dom渲染完成
    this.$nextTick(function() {
      // 这里fixedHeaderRoot是吸顶元素的ID
      let header = document.getElementById("fixedHeaderRoot");
      // fixHead是固定头部的id
      let mtHeader = document.getElementById("fixHead");
      // 获取固定头部的高度
      this.mtoffsetHeight = mtHeader.offsetHeight;
      // 这里要得到吸顶元素的距离和元素自身的高度
      this.offsetTop = header.offsetTop;
      this.offsetHeight = header.offsetHeight;
      console.log(
        "offsetTop:" +
          this.offsetTop +
          "," +
          this.offsetHeight +
          "," +
          this.mtoffsetHeight
      );
 handleScroll() {
      // 得到页面滚动的距离
      let scrollTop = this.$refs.viewBox.scrollTop;
      console.log(scrollTop);
      // 判断页面滚动的距离是否大于吸顶元素的位置
      if (scrollTop > this.offsetTop - this.mtoffsetHeight) {
        this.headerFixed = true;
        this.topHeight = this.offsetHeight + this.mtoffsetHeight;
      } else {
        this.headerFixed = false;
        this.topHeight = 0;
      }
    }

如何将随机获取的三个数与小格子链接起来？

0

1

操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var box=document.getElementsByClassName("box")//获取九宫格DOM

//获取三个随机数
function boxnum() {
    var box = [0, 1, 2, 3, 4, 5, 6, 7, 8];//定义box数组
    var newbox = [];//定义新数组
    var runnam = 3;
    for (k = 0; k < runnam; k++) {
        var ran = Math.round(Math.random() * (box.length - 1));//获取1-8内的随机数并取整
        newbox.push(box[ran]);//将获取的数放入新数组
        box.splice(ran, 1);//删除原数组里的随机数
    }
    console.log(newbox);
    return newbox;
}

随机生成颜色（十六进制）

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var color = '#' + Math.random().toString(16).substr(-6);

placeholder属性在IOS中存在兼容性的问题

0

1

其他

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

&::placeholder {
            color: #bda969;
            font-size: 5vw;
        }

玩家人数

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 // var people = player.value - killer.innerHTML;



    // let value =  player.val(); //利用jQuery来获取player总人数的value值

    // console.log(value);


    // var playerNum = player.value,
    //     killerNum = killer.innerHTML,
    //     manNum = man.innerHTML;



    //如果不在 4--18的范围内，就为空，不显示内容
    // if (player.value < 4 || player.value > 18) {
    //     killer.innerHTML = "";
    //     man.innerHTML = "";
    // }


    // 计算每次杀手和平民的人数，用math.floor向下取整，先算出每次杀手的人数
    // if (player.value == 15 || player.value == 18) {
    //     killer.innerHTML = ~~((player.value) / 3 - 1);
    //     man.innerHTML = player.value - killer.innerHTML;
    // } else if (player.value >= 4 && player.value <= 18) {
    //     killer.innerHTML = ~~((player.value) / 3);
    //     man.innerHTML = player.value - killer.innerHTML;
    // }