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

js基础

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

在clone元素的时候会重复复制。。

1

1

Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//获取存储缓存json字符串并转换为数组
var playersArray = JSON.parse(sessionStorage.getItem("playersArray"));
//获取玩家数量并转换为number
var players = +sessionStorage.getItem("players");

$(function () {
    console.log(players);
    console.log(playersArray);
    //进行元素克隆、默认有一个，只需要克隆数量-1个
    for (var i = 0; i < players - 1; i++) {
        $("div.player").clone().appendTo("div.players");
    };
})
$("#startBox").click(function () {
    location.href = "#";
})

该问题已被官方收录

在JS的任务二里面，如何去设置以下，监听，就是根据输入的玩家数量来分配角色数量

2

1

js随机数事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./js2-2.css">
   
</head>

<body>

    <!-- 头部部分  -->
    <header>
        <a href="./../js2-1/js2-1.html" class="return"></a>
    </header>
    <main>
        <!-- 玩家配比部分 -->
        <h2>玩家配比</h2>
        <!-- 几个人数 -->
        <div class="number">
            <Div class="box1">
                <Div class="werwolf">
                </Div>
                <span>杀手2人</span>
            </Div>
            <Div class="box2">
                <div class="civilian"></div>
                <span>平民2人</span>
            </Div>
        </div>
        <!-- 玩家数量 -->
        <div class="quantity">
            <span>请输入玩家数量</span>
                <input type="text" name="name" id="value" placeholder=""/>
            <span>玩家数量为4-18</span>
        </div>
    </main>
    <button type="button" value="去发牌" onclick="huoqu()">去发牌</button>
    <script  src="./js2-2.js"></script>
</body>
</html>
上面的是HTML部分
/* 全局字体样式设置 */
html{
    font-size: 62.5%;
}

body{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1.6rem;
    background-color: #F0F0F0;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
header{
    display: flex;
    align-items: center;
    background-color: #29BDE0;
    width: 100%;
    height: 4.25rem;
}
.return{
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 3px solid white;
    border-right: 0;
    border-bottom: 0;
    margin-left: 5%;
    transform: rotate(-45deg);
}
main h2{
    height: 3.3rem;
    width: 90%;
    margin: auto;
    margin-top: .4rem;
    text-align: center;
    line-height: 3.1rem;
    background-color: white;
    box-shadow: 0px 3px 13px #888888;
}
.number{
    width: 90%;
    background-color: white;
    height: 30rem;
    margin: auto;
    margin-top: .5rem;
    box-shadow: 0px 3px 13px #888888;

}
.box1{
    display: inline-flex;
    align-items: center;  
    width: 40%;
    margin-left: 2rem;
    margin-top: 1rem;
}
.box2{
    display: inline-flex;
    align-items: center;
     width:41%;
}
.werwolf{
    display: inline-block;
	width: 40px;
    height: 36px;
    border-radius: 50%;
    background: url(./css_sprites.png) no-repeat 90% 19.608%;
}
.civilian{
    display: inline-block;
    width: 60px;
	height: 51px;;
    background: url(./css_sprites.png) no-repeat 12.5% 50%;
    border-radius: 50%;
    zoom: .7;
}
input{
    width: 16px;
    background-color: #F0F0F0;
    border: 0;
    margin-left: 10px;
    text-align: center;
    color: orange;
}
.quantity{
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    margin-top: .5rem;
    width: 90%;
    margin-left: 5%;
    box-shadow: 0px 3px 13px #888888;
}
input+span{
    display: inline-block;
    font-size: 12px;
    margin-left: 11px;
    color: orange;
}
button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 4rem;
    background-color: #FAB344;
    margin-left: 5%;
    margin-top: 4rem;
    margin-bottom: 2.9rem;
    border: 0;
    outline: none;
     color: white;
    font-size: 2rem;
}
上面的是CSS部分
// 获取inout的值
function huoqu() {
    var G = document.getElementById('value').value;
    if ( G< 4  ) {
        G = "请输入正确的玩家数量";
    }
    else if(G>18){
        G = "请输入正确的玩家数量";
    }
    else {
        location.href = "./../js2-3/js2-3.html"
    }
}

该问题已被官方收录

数据如何传输

0

1

url传参

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/log.css">
</head>

<body>
    <header>
        <div class="arrow"></div>
        <span class="header-font">法官日报</span>
        <div class="cross"></div>
    </header>

    <main>
        <div class="box">
            <div class="main_font"></div>
            <span class="main_number"></span>
        </div>
    </main>

    <footer>
        <button onclick="button()" class="footer-box">
            <span class="footer-font">开始游戏</span>
        </button>
    </footer>
</body>
<script src="../JavaScript2/js/player.js"></script>
</html>


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/log.css">
    
</head>

<body>
    <header>
        <div class="arrow"></div>
        <span class="header-font">法官日报</span>
        <div class="cross"></div>
    </header>

    <nav>
        <span class="nav-font">杀手请睁眼，杀手请选择要杀的对象</span>
        <div class="triangle"></div>
        <span class="out-font">点击下方玩家头像，对被杀的玩家进行标记</span>
    </nav>

    <main>
        <div class="box" >
            <div class="main_font"></div>
            <span class="main_number"></span>
        
        <div class="skill-box">
            <div class="skill">
                <img class="killer" src="img/knife.png">
            </div>
        </div>
</div>

该问题已被官方收录

循环出来的盒子里面的值没有改变

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 返回按钮返回到发牌页面
var backtrack=document.getElementById("backtrack");
backtrack.onclick=function() {
    location.href = "../html/check.html";
}

// 关闭按钮返回到主页面
var off=document.getElementById("off");
off.onclick=function() {
    // 点击关闭弹出提示窗口
    if (confirm("是否要退出游戏返回到主页面")) {
        location.href = "../html/start.html"; //点击确定返回到主页面
    } else {
        return false; //点击取消停留在当前页面
    }
}


// 获取发牌时保存的数据
var data = JSON.parse(localStorage.getItem('key'));


var arr = []; //声明一个数组
var arr = data; //把获取的数据传递到数组
// console.log(arr);


// 获取角色属性dom节点
var role = document.getElementsByClassName("role")[0];
// 获取角色人数序号dom节点
var number = document.getElementsByClassName("number")[0];
// 获取角色属性盒子父元素节点
var parent = document.getElementsByTagName("main")[0];
// console.log(parent)


// 通过父元素节点克隆人数属性盒子
for (let i = 0; i < arr.length - 1; i++) {
    // 获取子级盒子属性节点,并克隆节点
    var son = document.getElementsByClassName("box")[0].cloneNode(true);
    parent.appendChild(son); //规定在父级里面克隆子级节点
}

var x = 0; //声明一个变量记录玩家序号

for (let i = 0; i <= arr.length - 1; i++) {
    role.innerText = (arr[i]); //获取数组指标对应的玩家属性
    x = x + 1; //每次循把玩家人数序号+1
    number.innerText = (x + "号"); //把玩家人数序号传入对应的盒子
    // console.log(arr[i])
    // console.log(x);

}

// 点击button生成构造函数
var button=document.getElementsByTagName("button")[0];
button.onclick=function() {
    // 创建构造函数
    function Part(breed, status, num) {
        this.breed = breed;
        this.status = status;
        this.num = num;
    }

    var PartArr = [] //声明一个数组，把构造函数的对象放到该数组

    // 构造函数生成玩家对象
    for (var i = 0; i < arr.length; i++) {
        var temp = arr[i] //获取玩家对应的角色属性传到对象里
        var num = i + 1 //生成玩家数量序号传入到对象
        PartArr.push(new Part(temp, "存活", num)); //把生成的玩家对象push到数组
    }
    // 把玩家对象数组储存到浏览器本地
    localStorage.setItem("store", JSON.stringify(PartArr));
    // console.log(PartArr);
 

    location.href = "../html/libretto.html";//进入下一个页面
}

该问题已被官方收录

angular风琴菜单状态保存

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div ng-controller="accordion" class="accordion">
    
    
    
    
    <div class="fex">
        <div class="title"><b>后台首页</b> </div>
        <div style="display: block"  class="ck" ng-repeat="x in sidebar" >
            <button style="display: block" type="button" class="btn btn-default ck" ng-click="Turn($index)">{{x.firstLevel}}</button>
            <div uib-collapse="collapse[$index]"  >
                <div class="well well-lg" ng-repeat="set in x.secondLevel"  ui-sref="{{set.url}}">{{set.title}}</div>
            </div>
            
            
        </div>
    </div>
    

$scope.isCollapsed = true;
    $scope.isCollapsedHorizontal = false;
    $scope.isColl =true;


    let open = JSON.parse(sessionStorage.getItem('open'));
        if (open === null) { 
            $scope.collapse = function () {
                let arr = [];
                for (let i = 0; i < $scope.sidebar.length; i++) {
                    arr[i] = 1;
                }
                return arr;
            }();
        } else {
            $scope.collapse = JSON.parse(sessionStorage.getItem('open'));
        }
    


    $scope.Turn = function (index) {


        console.log("你好")
        

        $scope.collapse[index] ? $scope.collapse[index] = 0 : $scope.collapse[index] = 1; 
        sessionStorage.setItem('open', JSON.stringify($scope.collapse));

该问题已被官方收录

通过点击事件点击生成人数的按钮，是怎么出来人数分配的样式

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

该问题已被官方收录

在template写的标签为什么不在我指定的地方替换

0

1

vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div id="root">
  <table>
    <tbody>
    <row></row>
    <row></row>
    <row></row>
    </tbody>
  </table>

</div>
</body>
<script>

  Vue.component("row", {
    template:"<tr><td>thhhhhhhh</td></tr>"
  });


  var vm = new Vue({
    el: "#root"
  })
</script>

该问题已被官方收录

用了一个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');

该问题已被官方收录

数值不正确

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var input = document.getElementById('myinput') //获取节点
var arr = [];
    
function change() { //创建一个人数分配函数组
    var x = document.getElementById("myinput").value; //总人数 
    var z = Math.round(x / 2 + x / 6 + x / 24.1); //平民人数
    var y = x - z; //杀手人数
    document.getElementById("killer").innerHTML = y; //HTML显示杀手人数
    document.getElementById("civ").innerHTML = z; //HTML显示平民人数
    if (4 > x || 18 < x) { //人数不正确判断
        document.getElementById("killer").innerHTML = ""; //输出空
        document.getElementById("civ").innerHTML = ""; //输出空

    } else {
        // arr = [];
        for (var i = 0; i < y; i++) {
            arr.push("杀手")
        }
        for (var i = 0; i < z; i++) {
            arr.push("平民")
        }
        console.log(arr)
    }
}


change() //先运行一遍

input.oninput = function myf() {
    change()
}


// 这是点击事件
function button() {
    var x = document.getElementById("myinput").value; //变量X为输入的总人数
    if (4 > x || 18 < x) { //判断条件
        confirm('人数不对') //对话框
    } else {
        var res = []; //乱序，不过看不懂啊！！！！！！！！！
        for (var i = 0, len = arr.length; i < len; i++) {
            var randomIndex = Math.floor(Math.random() * arr.length);
            res[i] = arr[randomIndex];
            arr.splice(randomIndex, 1);
        }
        localStorage.setItem("key", JSON.stringify(res));
        console.log(res);
    }
    // location.href = "./allot.html";
    return false;
}


var back = document.getElementById("back");
back.onclick = function () {
    console.log(11)
    if (confirm("返回页面")) {
        location.href = "./home.html";
    } else {
        return false;
    }
}





//键盘事件，抬起按键触发
document.onkeyup = function (v) { //a时按键信息对象以函数参数的形式传递进来
    //取出按键信息中的按键代码（大部分浏览器通过keyCode属性获取按键代码，但少部分浏览器使用的是charCode
    var x = v.keyCode;
    if (x === 13) { //13为回车键的编码

        //按下回车键执行如下代码
        var y = document.getElementById("myinput").value;
        if (y < 4 || y > 18) {
            confirm("人数不对")
        } else {

            location.href = "./home.html";
        }
    }
}

去第页

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