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

关于this的指向问题

0

2

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

　　var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());


var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());

为什么我的经常会只出现两次，一次盒子的变色

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

js
var smallBox = document.getElementsByName("box");
var x;//定义定时的变量。
var startDiv;//定义开始按钮所在地盒子有在的变量

function color () {
    var a,b,c;//定义三个自变量来储存三个颜色值
    var arr = [a,b,c];
    for (var i = 0;i < arr.length;i++){
        arr[i] = Math.floor(Math.random() * 256).toString(16);
    }
    var newColor = "#" + arr[1] + arr[2] + arr[0];
    return newColor;
}

function reset() {//重新设置颜色
    for (var j = 0;j < 9;j++) {
        smallBox[j].style.backgroundColor = "yellow";
    }
}

function a () {//在1~9中随机取三个数
    var arr1 = [];
    var arr = [0,1,2,3,4,5,6,7,8];
    for (var x = 0;x < 3;x++) {
        var index = ~~(Math.random() * arr.length);
        arr1.push(arr[index]);
        arr.splice(index,1);
    }
    return arr1;
}

function staticState () {
    reset();
    var umber = a();
    for (var i = 0;i < umber.length;i++) {
        smallBox[umber[i]].style.backgroundColor = color();
    }
}

function start () {
    startDiv = document.getElementById("start");
    startDiv.style.background = "yellow";
    clearInterval(x);
    x = setInterval("staticState()",1000);
}

function stop () {
    reset();
    clearInterval(x);
    startDiv.style.background = "";//重置开始键的背景
}

vuex vue axios

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

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

跳转杀死的数字号

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

这里代码不知道怎么写 没思路啊

什么是HTTP协议

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

PC端页面数据改变之后跳转页面，再调回来数据消失

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 法官日志页面
$('#dialyLog').click(function () {
    location.href = './Task2-6.html';
});
// 法官台本流程状态机
var steps = StateMachine.create({
    initial: 'step1',
    events:[
        {name: 'kill', from: 'step1', to: 'step2'},
        {name: 'dead', from: 'step2', to: 'step3'},
        {name: 'speak', from: 'step3', to: 'step4'},
        {name: 'vote', from: 'step4', to: 'step1'}
    ]});
// 杀人、发言、投票的事件判断
$('.kill').click(function () {
    if (this.style.backgroundColor === "rgb(131, 176, 154)"){    // 判断是否进行过这一步
        alert('请进行游戏下一步活动')
    }else if (steps.is('step1')) {  // 判断是否处在可以执行的状态
        location.href = './Task2-7.html';  //截图中将该页注释掉了
        steps.kill();    // 执行事件
        $(this).next().show();  // 杀人后的提示显示
        $(this).css("background-color","#83b09a").addClass('visited');    // 改变点击过的状态（背景颜色）
    }else {
        alert('请按顺序操作');
    }
});
$('.dead').click(function () {
    if (this.style.backgroundColor === "rgb(131, 176, 154)"){
        alert('请进行游戏下一步活动')
    }else if (steps.is('step2')) {
        alert('请死者亮明身份并且发表遗言');
        steps.dead();
        $(this).css("background-color","#83b09a").addClass('visited');
    }else{
        alert('请按顺序操作');
    }
});
$('.player').click(function () {
    if (this.style.backgroundColor === "rgb(131, 176, 154)"){
        alert('请进行游戏下一步活动')
    }else if (steps.is('step3')) {
        alert('玩家依次发言讨论');
        steps.speak();
        $(this).css("background-color","#83b09a").addClass('visited');
    }else{
        alert('请按顺序操作');
    }
});
$('.vote').click(function () {
    if (this.style.backgroundColor === "rgb(131, 176, 154)"){
        alert('请进行游戏下一步活动')
    }else if (steps.is('step4')) {
        steps.vote();
        location.href = './Task2-8.html';  // 截图中将该页注释掉了
        addDay();  // 是生成新天数的函数
        $(this).css("background-color","#83b09a").addClass('visited').next().show();
        $(this).parent().parent().hide();
    }else{
        alert('请按顺序操作');
    }
});

萝卜多后台登录页显示账号不存在

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

复盘代码：
vm.user = {     //获取账号密码
            userName:vm.nam,
            userPassword:vm.pwd
        };
requestSvc.login(vm.user).then(function(res){    //发送请求
                if(res.data.code === 0){
                    $state.go("home");
                }
                else if(res.data.code === 2001){
                    vm.message = "密码不正确";
                }
                else if(res.data.code === 2002){
                    vm.message = "用户名不存在";
                }
        })

//登录模块
        login: function(data){
            return $http.post(path.login_url(), $.param(data))  
        }

//登录
        login_url: function(){
            return "/carrots-shanzhu-ajax/a/u/login"    //请求地址
        }

html部分
账号部分：
<input class="input" type="text"
               id="user"
               placeholder="请输入用户名"
               name="userName"
               ng-model="vm.nam"
               required
               oninvalid="setCustomValidity('用户名不能为空')"
               oninput="setCustomValidity('')">

密码部分：
<input class="input" id="password" type="password"
               placeholder="请输入密码"
               name="password"
               ng-model="vm.pwd"
               required
               oninvalid="setCustomValidity('密码不能为空')"
               oninput="setCustomValidity('')">

在Vue项目中如何监测数组或对象中值的变化呢？

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<template>
  <div class="hello">
    <div>
      请输入姓名： <input type="text" v-model="data.name" style="border: 1px solid black;">
      请输入年龄： <input type="text" v-model="data.age" style="border: 1px solid black;">
    </div>
    <div style="padding: 10px 50px;">
      <div style="margin: 10px;">姓名：{{data.name}}</div>
      <div>年龄：{{data.age}}</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      data: {
        name: 'zhangsan',
        age: 21
      },
      watch: {
        data: function (newValue, oldValue) {
          console.log(newValue, oldValue);
        }
      }
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>

如何使用div + CSS +JS 来模拟滑动条？

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

none