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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

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

该问题已被官方收录

在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

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

该问题已被官方收录

搜索按钮如何根据获取到的数据类型去搜索？

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 params: {
            page: $stateParams.page,
            type: $stateParams.type,
            status: $stateParams.status,
            startAt: $stateParams.startAt,
            endAt: $stateParams.endAt,
        },

该问题已被官方收录

怎么使用定时或延迟执行函数呢？

0

1

事件函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

1
2
3
4
5
6
7
8
9
function testFunction(){Console.log('hovertree.com');}
 
setTimeout("testFunction()","6000"); //6000毫秒后执行testFunction()函数，只执行一次。
 
setInterval("testFunction()","6000");//每隔6000毫秒执行一次testFunction()函数，执行无数次。
 
varinterval = window.setInterval("testFunction()","6000");// 
 
window.clearInterval(interval);  //停止执行setInterval循环。
varinterval2 = window.setInterval("testFunction2()",6000);
 
setTimeout(function() {window.clearInterval(interval2);},10000);

该问题已被官方收录

使用懒加载,登录成功跳转页面刷新后，部分文件失效。

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var myApp = angular.module("myApp", ["ui.router",'oc.lazyLoad']);
myApp.config(function ($stateProvider, $urlRouterProvider) {
    //$urlRouterProvider.otherwise("login");
    $urlRouterProvider.when("", "/login");
    $stateProvider
        .state("login", {
            url: "/login",
            templateUrl: "login.html",
            resolve:{
                load:['$ocLazyLoad',function($ocLazyLoad){
                    return $ocLazyLoad.load(
                        {files:['../css/login.css',
                            '../js/controller/loginCtrl.js']}
                    );
                }]
            }
        })
        .state("backPage", {
            url: "/backPage",
            templateUrl: "backPage.html",
            resolve:{
                load:['$ocLazyLoad',function($ocLazyLoad){
                    return $ocLazyLoad.load(
                        {files:['../css/backPage.css']}
                    );
                }]
            }
        })
        .state("backPage.detail", {
            url: "/detail",
            templateUrl: "detail.html"
        })
        .state("backPage.list", {
            url: "/list",
            templateUrl: "list.html",
            resolve:{
                load:['$ocLazyLoad',function($ocLazyLoad){
                    return $ocLazyLoad.load(
                        {files:['../css/list.css']}
                    );
                }]
            }
        });
});

该问题已被官方收录

怎么用jquery ajax实现表单验证

0

1

Ajax

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(document).ready(function(){
    $("button").click(function(){
        var n=$('#name').val();
        var p=$('#name-pwd').val();
        console.log(n);
        console.log(p);
        $.post("/carrots-admin-ajax/a/login", {
            name: n,
            pwd: p
        },
            function (data,status){
               console.log(status);
               var jsons=JSON.parse(data);
               console.log(jsons.message);
               if (jsons.code===0){
                   window.location.href = "http://www.jnshu.com/home"
               }else {
                   $('#error').html(jsons.message);
               }
        });
    });
});

该问题已被官方收录

桌游精灵杀人游戏简单版本的游戏，有个逻辑错误

0

1

控制流程语句事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(".ft-second button").on("click", function () {
        var Message = JSON.parse(sessionStorage.getItem("Message"));
        if (pick == 1) {
            var person = sessionStorage.getItem("person"),
                killer = sessionStorage.getItem("killer");
            if (killer == person) {
                Message.push("晚上：" + (choiceNum + 1) + "号被杀手杀死，其真实身份是平民。");
                Message.push("没能撑到，晚上已经结束。");
                sessionStorage.setItem("Message", JSON.stringify(Message));
                alert("Game Over");
                location.href = "游戏结果.html";
            }
            else {
                Message.push("晚上：" + (choiceNum + 1) + "号被杀手杀死，其真实身份是平民。");
                sessionStorage.setItem("Message", JSON.stringify(Message));
                location.href = "法官台本.html";
            }
        }
        else if (pick == 0) {
            var ask = confirm("确定这轮不杀人吗？")
            if (ask === true) {
                Message.push("晚上：昨晚杀手没有杀人。");
                sessionStorage.setItem("Message", JSON.stringify(Message));
                location.href = "法官台本.html";
            }
            else {
                console.log("用户撤销，重新选择");
            }
        }
        sessionStorage.setItem("pick", pick);
    })

该问题已被官方收录

函数的转换

0

1

函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function temp() {
    document.getElementById("peoplo").innerHTML = " ";
    var kill = Math.floor(oPlayerNum.value / 3);
    console.log(kill);
    var peoplo = Math.floor(oPlayerNum.value - kill);
    console.log(peoplo);
    var tomo = kill + peoplo;
    lin = tomo;
    console.log(tomo);
    var arr = [];
    for (i = 0; i < kill; i++) {
        arr[i] = "<div class=killnum><span class=tianping></span><span class=juewang>杀手</span></div>";
        console.log(arr[i]);
        have.push(arr[i]);
    }
    var arr2 = [];
    for (i = 0; i < peoplo; i++) {
        arr2[i] = "<div class=killnum><span class=tianpin></span><span class=juewang>平民</span></div>";
        console.log(arr2[i]);
        have.push(arr2[i]);
    }
    var gamenum = arr.concat(arr2);
    _array = gamenum.concat();
    for (var i = gamenum.length; i--;) {
        var j = Math.floor(Math.random() * (i + 1));
        var temp = _array[i];
        _array[i] = _array[j];
        _array[j] = temp;
    }
    console.log(arr);
    console.log(arr2);
    for (var i = 0; i < tomo; i++) {
        var divA = document.getElementById("peoplo");
        divA.innerHTML = divA.innerHTML + _array[i];
    }
    sessionStorage.setItem('key', JSON.stringify(_array));
    console.log(have);
    console.log(oPlayerNum.value);
}

该问题已被官方收录

如何禁用新增页面的下拉菜单

1

1

FormData

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="typeone">
                <span>类  型
                    <br>*必填项</span>
                    <!-- <select ng-change="texta()" ng-model="selectedSitea" ng-options="x.type for x in types"></select>
                    <select ng-model = "selecttype" ng-options="x.id for x in ids">
                            <option value="">请选择</option>
                    </select> -->
                    
                <select class="titlename" ng-change="test()" ng-model="typeselect" ng-options="x.id as x.type for x in types" required>
                    <option value="">请选择</option>
                </select>
                <select class="titlena" ng-show="tyshow" ng-change="check()" ng-model="tyselect" ng-options="x.id as x.ty for x in tys" required>
                        <option value="">请选择</option>
                    </select>

            </div>

去第页

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