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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

ajax请求为什么会执行四次

1

1

Ajax

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    request.responseType = 'json'
    request.onreadystatechange = function() {
        console.log(request)
    }
    request.open('POST', '/carrots-admin-ajax/a/login', true)
    request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    var data =
        'name=' +
        encodeURIComponent(data.name) +
        '&pwd=' +
        encodeURIComponent(data.pwd);
    request.send(data)

该问题已被官方收录

关于有限状态机的部分，如果使用了有限状态机的话，那么我点击以后渲染出了页面文字

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 读取上个页面保存的数值
var data = JSON.parse(sessionStorage.getItem('PartArr'));
console.log(data)

// 制作点击事件杀人页面第一个选项
var box2 = document.getElementsByClassName('box2')[0];
var bo = 0;
var sk = document.getElementsByClassName('show');
var sk1 = document.getElementsByClassName('show1');
// 右上角点击返回最初页面点击事件
var finish = document.getElementsByClassName('finish')[0].onclick = function () {
    window.location = './../js2-1/js2-1.html';
}
// 声明天数
// var ts;


if (sessionStorage.getItem('PartArr')) {
    sk.innerHTML = data;
}

function box1() {
    if (bo == 0) {
        box2.style.display = 'none';
        bo += 1;
    } else if (bo == 1) {
        box2.style.display = ''
        bo = 0;
    }
}
// --------------------------------------------------------
// 先声明变量，初始值
if (sessionStorage.cszt) {
    var cszt = sessionStorage.cszt;
} else {
    var cszt = 'pagetokill';
}





// 首先获取类名的DOM节点
var Boxtokill = document.getElementsByClassName('Box-to-kill')[0];
var Boxtokill1 = document.getElementsByClassName('Box-to-kill')[1];
var Boxtokill2 = document.getElementsByClassName('Box-to-kill')[2];
var Boxtokill3 = document.getElementsByClassName('Box-to-kill')[3];

// 有限状态机开始

var murderq = new StateMachine({
    // 初始状态:杀人页面
    init: cszt,
    transitions: [
        // 准备好的状态
        // 1准备杀人，2，杀人页面，3，选择杀人↓
        {
            name: 'readytokill',
            from: 'pagetokill',
            to: 'choosetokill'
        },
        // // 1死者遗言，2,选择杀人，3，发表遗言↓
        {
            name: 'thelastwords',
            form: 'choosetokill',
            to: 'publishedlastwords'
        },
        // // 1玩家发言,2发表遗言,3,玩家说话
        {
            name: 'theplayertospeak',
            form: 'publishedlastwords',
            to: 'playerstalk'
        },
        // //1全名投票，2玩家发言，3
        {
            name: 'referendum',
            form: 'playerstalk',
            to: 'vote'
        }
    ],
    // 点击之后输出的对话框
    methods: {
        onEnterChoosetokill: function () {
            // 第一个步骤判断，判断死亡的人进行渲染
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                }
            };
        },
        // 第二个步骤
        onEnterPublishedlastwords: function () {
            alert('死者发表遗言');
            Boxtokill1.style.background = 'black';
            //  重新执行一遍，保存数据
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    console.log(data[kk].num + '号被杀手杀死，真实身份是平民');
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                }
            };
        },

        onEnterPlayerstalk: function () {
            alert('玩家开始发言');
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                }
            }
            Boxtokill2.style.background = 'black';
            Boxtokill1.style.background = 'black';
        },

        onEnterVote: function () {
            // alert('开始投票');
            // window.location = './../js4投票/js4-tp.html';
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                    console.log(sk1)
                    sk1[0].innerHTML = data[kk].num + '号被投死，真实身份是' + data[kk].breed;
                    Boxtokill3.style.background = 'black';
                }
            }
            Boxtokill2.style.background = 'black';
            Boxtokill1.style.background = 'black';
            Boxtokill3.style.background = 'black';
        }
    }
});
// 第一个点击事件
Boxtokill.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            // 如果是这样的初始状态的情况下，就保存下来
            cszt = 'choosetokill';
            // 保存当前状态
            sessionStorage.cszt = cszt;
            console.log(cszt);
            window.location = './../js4杀手杀人/js4-3.html';
            murderq.readytokill();
            break;
        case 'choosetokill':
            alert('请按照顺序');
            break;
        case 'publishedlastwords':
            alert('请按照顺序操做');
            break;
        case 'playerstalk':
            alert('请按照顺序操作');
            break;
    }
    console.log(murderq.state)
}
// 第二个点击事件
Boxtokill1.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            alert('请按照顺序操作');
            break;
        case 'choosetokill':
            murderq.thelastwords();
            break;
        case 'publishedlastwords':
            alert('请按照顺序');
            // 保存当前状态
            sessionStorage.cszt = murderq.state;
            break;
        case 'playerstalk':
            alert('请按照顺序操作');
            break;
    }
    console.log(murderq.state);
}
console.log(murderq.state)
// 第三个点击事件
Boxtokill2.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            alert('请按照顺序');
            break;
        case 'publishedlastwords':
            murderq.theplayertospeak();
            sessionStorage.cszt = murderq.state;
            break;
        case 'choosetokill':
            alert('请按照顺序操作');
            break;
        case 'playerstalk':
            alert('请按照顺序操作');
            break;
    }
    console.log(murderq.state)
}

// 第四个点击事件
Boxtokill3.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            alert('请按照顺序');
            break;
        case 'playerstalk':
        murderq.referendum();
        alert('开始投票');
        window.location = './../js4投票/js4-tp.html';
            sessionStorage.cszt = murderq.state;
            break;
    }
}
console.log(murderq.state);

该问题已被官方收录

刷新页面时会有一瞬间的闪烁，亮瞎眼

0

1

angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<tbody>
      <tr ng-repeat="x in article">
        <td>{{x.id}}</td>
        <td>{{x.title}}</td>
        <td>{{x.type | typeFilter}}</td>
        <td>
          <div>{{x.createAt | date: "yyyy-MM-dd"}}</div>
          <div>{{x.createAt | date: "HH:mm:ss"}}</div>
        </td>
        <td>
          <div>{{x.createAt | date: "yyyy-MM-dd"}}</div>
          <div>{{x.createAt | date: "HH:mm:ss"}}</div>
        </td>
        <td>{{x.author}}</td>
        <td>{{x.status | statusFilter}}</td>
        <td>
          <button ng-click="statuses(x.id,x.status)" class="btn btn-xs btn-default">{{x.status | lineFilter}}</button>
          <button class="btn btn-xs btn-default" ng-click="compile(x.id)">编辑</button>
          <button ng-click="delete(x.id)" class="btn btn-xs btn-default">删除</button>
        </td>
      </tr>
      </tbody>

该问题已被官方收录

小程序导航栏js代码 navbarTap:function(e)中的e是什么意思

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

navbarTap:function(e){
    this.setData({
      currenTab: e.currentTarget.dataset.id// e.currentTarget.dataset 固定写法，来捕获当前事件中的属性值
    });
  },

该问题已被官方收录

在ajax设置了type为post。为什么提交后显示405不支持get？

1

1

跨域

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function login() {
    var name = $("input").eq(0).val();
    var pwd = $("input").eq(1).val();
    if (name == "") {
        $(".prompt").text("用户名不能为空");
        $(".prompt").css("color", "red");
        return false;
    }
    if (pwd == "") {
        $(".prompt").text("密码不能为空");
        $(".prompt").css("color", "red");
        return false;
    }
    $(".prompt").css("color", "black");
    var userTemp = "name=" + name + "&pwd=" + pwd;
    console.log(userTemp);
    $.ajax({
        type: "POST",
        url: "/carrots-admin-ajax/a/login",
        data: userTemp,
        dataType: "json",
        success: function (result, status, xhr) {
            if (result.message == "success") {
                $(".prompt").text("登陆成功");
                location.href = "http://dev.admin.carrots.ptteng.com/a/login"
            } else {
                $(".prompt").text(result.message);
            }
        },
        error: function (xhr) {
            alert(xhr.status);
        }
    })
}

$(function () {
    $(".login").on("click", login)
})

该问题已被官方收录

如何限制只能输入数字，不能输入字母，逗号，+号等等其他非数字或空格

3

1

正则表达式

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function input() { //输入框输入事件
    let n = number.value; //变量n赋值为输入框输入的值
    let killer = document.getElementById('killer'); //获取杀手人数节点
    let villager = document.getElementById('villager'); //获取平民人数节点
   
    switch (true) { //判断输入数字进行动态人数分配
        case n >= 4 && n <= 14 || n >= 16 && n <= 17:
            killer.innerHTML = Math.floor(n / 3);
            villager.innerHTML = n - killer.innerHTML;
            break;
        case n == 15 || n == 18:
            killer.innerHTML = Math.ceil(n / 4);
            villager.innerHTML = n - killer.innerHTML;
            break;
        default: //除以上外人数为空
            killer.innerHTML = "";
            villager.innerHTML = "";
    };

该问题已被官方收录

索引数字突然变为汉字

1

1

节点操作变量

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

用了一个slip整屏滑动插件，但是因此导致垂直方向touch事件失效，无法触摸滑

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!doctype html> ... <script type="text/javascript" src="slip.js"></script> <body> ... <div id="container"> <div class="page page-1"><img src="img/1.png"></div> <div class="page page-2"><img src="img/2.png"></div> <div class="page page-3"><img src="img/3.png"></div> <div class="page page-4"><img src="img/4.png"></div> </div> </body>

var container = document.getElementById('container');

var pages = document.querySelectorAll('.page');

该问题已被官方收录

子级如何在父级元素中根据视口fixed定位，而且子级又无法脱离父级范围。

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

该问题已被官方收录

人数输入后，人数自动显示变化

1

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var btn = document.getElementById('btn-back');//上一步
var begin = document.getElementById('begin');//发牌
var num = document.getElementById('num');//玩家总人数
var set = document.getElementById('btn-num');//设置
var num_man = document.getElementById('num-man'); //平民数量
var num_killer = document.getElementById('num-killer'); //杀手数量
var osliderBlock = document.getElementById("range");//滑块的值
var reduce = document.getElementById('btn-reduce');//减少
var add = document.getElementById('btn-add');//增加
var player = [];//玩家人数


//平民杀手人数
//1杀手
function num_player1 (){
    num_man.innerHTML = num.value - 1;
    num_killer.innerHTML = 1;
    player.length = num.value;
    for (i=0; i<player.length-1; i++){
        player[i] = '平民';
    }
    player[player.length-1] = '杀手';
}
//2杀手
function num_player2 (){
    num_man.innerHTML = num.value - 2;
    num_killer.innerHTML = 2;
    player.length = num.value;
    for (i=0; i<player.length-2; i++){
        player[i] = '平民';
    }
    for (j=player.length-2; j<player.length; j++){
        player[j] = '杀手';
    }
}
省略....

//配比平民杀手
//配比判断
function change() {
    if (4<=num.value && num.value<=5){
        num_player1();
    } else if (6<=num.value && num.value<=8){
        num_player2();
    } else if (9<=num.value && num.value<=13){
        num_player3();
    } else if (14<=num.value && num.value<=15){
        num_player4();
    } else if (16<=num.value && num.value<=18){
        num_player5();
    }
}
//配比匹配
function on_change() {
    if (num.value >= 4 && num.value <= 18) {//设置方框里面玩家人数范围
        osliderBlock.value=num.value;//将玩家总人数赋值给滑块的值，实现动态变化
    } else {
        alert("请输入正确的人数4~18");
        num.value=8;
        osliderBlock.value=8;
        num_player2();
        //人数超出范围的话，弹出警告框，并且将方框和滑块的值重置为8
    }
}

去第页

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