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

该问题已被官方收录

如何将后续增加的死者组成数组

0

1

Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 //选择杀死对象
    $(".peo-box").click(function () {
        $('.peo-knife').hide();
        $(this).siblings().children().show();
        killRole = $(this).find('.peo-pic').html();//死者身份
        killNum = $(this).find('.peo-num').html() - 1;//死者编号
    });

    var arr_killRole = [killRole];
    var arr_killNum = [killNum];


    $(".footer-btn").click(function () {
        if (player[killNum]=='平民'||player[killNum]==undefined) {
            $(".peo-pic").eq(killNum).css({"backgroundColor":"#83b09a"});//高亮死者
            sessionStorage.setItem("killRole",killRole);//存储死者身份
            sessionStorage.setItem("killNum",killNum);//存储死者编号
            location.href = 'process.html';
        } else {
            alert('您是杀手不能杀死本职业，请选择其他玩家杀死')
        }
    });

该问题已被官方收录

懒加载如何同时加载多个文件

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var app = angular.module('app', ['ui.router','oc.lazyLoad','ui.bootstrap','ngAnimate','ngTouch','ngMessages','angularFileUpload']);
app.config(function ($stateProvider,$urlRouterProvider,$controllerProvider){
  app.controller = $controllerProvider.register;
  $urlRouterProvider.otherwise('/login');
  $stateProvider
  //登录页面
  .state('login',{
    url:'/login',
    templateUrl:'./html/login.html',
    controller:"loginctrl",
    resolve:{
      deps:["$ocLazyLoad",function($ocLazyLoad){
        return $ocLazyLoad.load("./js/login.js");
      }]
    }
  })

  // 后台主页
  .state('dashboard',{
    url:'/dashboard',
    templateUrl:'./html/dashboard.html',
    controller:"AccordionCtrl",
    resolve:{
      deps:["$ocLazyLoad",function($ocLazyLoad){
        return $ocLazyLoad.load("./js/dashboard.js");
      }]
    }
  })

  // 后台列表页
  .state('dashboard.list',{
    //url传参
    url:'/list?page&size&title&author&startAt&endAt&status&type',
    templateUrl:'./html/list.html',
    controller:"listctrl",
    resolve:{
      deps:["$ocLazyLoad",function($ocLazyLoad){
        return $ocLazyLoad.load("./js/list.js");
      }]
    }
  })
  
  //后台详情页
  .state('dashboard.detail',{
    url:'/detail?id',
    templateUrl:'./html/detail.html',
    controller:"detailctrl",
    resolve:{
      deps:["$ocLazyLoad",function($ocLazyLoad){
        return $ocLazyLoad.load("./js/detail.js");
      }]
    }
  });
});

该问题已被官方收录

动态添加标签的时候，只添加文字，但是，不影响样式处理办法。

0

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var entranceNum = document.getElementById('entrance');
var slideNum = document.getElementById('slide');

slideNum.onchange = function () {
    entranceNum.value = slideNum.value;
};

entranceNum.onchange = function () {
    if (entranceNum.value >3 && entranceNum.value<19){
        entranceNum.value = slideNum.value;
    }else{
        alert('请输入正确的人数')
    }
};
var left = document.getElementById('left');
left.onclick = function () {
    if (entranceNum.value > 4){
        entranceNum.value--;
        slideNum.value = entranceNum.value;
    }  else {
    }
};
var right = document.getElementById('right');
right.onclick = function () {
    if (entranceNum.value < 18){
        entranceNum.value++;
        slideNum.value = entranceNum.value;
    }  else {
        alert('人太多了');
    }
};
document.getElementsByClassName('go')[0].addEventListener('click',function () {
    if (document.getElementsByClassName('add-flat').length<2){
        alert('请分配好人数')
    }else{
        window.location.href='./JS3.html'
    }
});




setting.onclick = function () {
    var entrance = [];
      var str ="";
    entrance.length = entranceNum.value;
    var slayer = Math.floor(entranceNum.value/3);
var q=[];
while(q.length<slayer){
    var stochastic= Math.floor(Math.random()*entranceNum.value);
    if(q.indexOf(stochastic)<0){
        q.push(stochastic);
    }
    // console.log(out);
}
 for (i =0; i<q.length; i++){
     entrance[q[i]] ='<li class="add-slayer">' + '杀手' + '</li>';
     // console.log(i);
     // console.log(out)
     // console.log(entrance)
}
for (i=0; i<entrance.length; i++){
    if(entrance[i] !=='<li class="add-slayer">' + '杀手' + '</li>'){
        entrance[i] ='<li class="add-flat">' + '平民' + '</li>';
    }
    // console.log(entrance.length)
    // console.log(i)
}

console.log(entrance);
for (var i=0;i<entrance.length;i++){
     str +=entrance[i];

}



 document.getElementById('info').innerHTML = str;
sessionStorage.setItem('dog',JSON.stringify(entrance))
};
console.log(entrance);

该问题已被官方收录

在手机上访问时发现点击input标签，软键盘就会把底部的微信登录给顶上去。

1

其他

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

该问题已被官方收录

sessionstorage中储存数组

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var obj = { name:'Jim' };
sessionStorage.obj = obj; 
localStorage.obj = obj; 

var arr = [1,2,3]; 
sessionStorage.obj = arr; 
localStorage.obj = arr

该问题已被官方收录

给img用三元表达式不显示图片

0

1

小程序语言基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<template lang="html">
  <div class="home">
    <router-view></router-view>
    <div class="">
      <el-row class="home-bottom">
        <el-col :xs="8" :sm="8" :md="8" :lg="8" >
          <img v-if="homeImg" :src="homeImg1" @click="change1">
          <img v-else="!homeImg" :src="homeImg2" @click="change1">
         </el-col>
        <el-col :xs="8" :sm="8" :md="8" :lg="8" >
          <img :src='homeImg?"../assets/homepage/n2.png":"../assets/homepage/n2.png"'>
         </el-col>
        <!-- <el-col :xs="8" :sm="8" :md="8" :lg="8" ><img src="../assets/homepage/n3.png" alt="">  </el-col> -->
      </el-row>
    </div>
  </div>
</template>

该问题已被官方收录

点击手风琴中的“公司列表”出现报错

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="row below">
            <!--左侧导航栏-->
            <div class="collapse collapse-a col-md-3 col-sm-4 col-lg-2 col-xs-12" id="example-navbar-collapse">
                <ul class="nav list-father">
                    <li ng-repeat="x in listFather">
                        <div class="list-head" ng-click="oneSelect()" ng-class="{'list-head-highlight':x.select,'head-highlight-reset':x.highlightReset}">
                            <span>
                                <span class="glyphicon glyphicon-pencil"></span>
                                {{x.name}}
                            </span>
                            <span class="glyphicon" ng-class="x.select?'glyphicon-chevron-down':'glyphicon-chevron-right'"></span>
                        </div>
                        <ul class="list-child" ng-show="x.select">
                            <li ng-repeat="y in x.listChild | orderBy:num"
                                ng-click="twoSelect()"
                                ng-class="{'list-li-highlight':y.select}"
                                ui-sref="{{y.url}}">
                                {{y.name}}
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!--左侧导航栏结束-->

            <div class="home-content col-md-9 col-sm-8 col-lg-10 col-xs-12">
                <div ui-view="">
                    <h1>Welcome!</h1>
                </div>
            </div>
        </div>

该问题已被官方收录

手风琴下拉菜单如何使用状态保存

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//右图标的设定
    $('.p-Administration').click(function () {
        var ck = $('.p-Administration').index(this);
        // $('.img-two').attr('src', '../img/进入，右.png');
        $('ul').css('height', '0', 'overflow', 'hidden');
        var s = 0;
        // $('.img-two').eq(ck).attr('src') == '../img/进入，右.png'
        if ($('.img-two').eq(ck).attr('src') == '../img/进入，右.png'){
            $('.img-two').eq(ck).attr('src', '../img/展开，下.png');
            $('ul').eq(ck).css('height', '')
            $('.76').attr('src', '')
        } else {
            $('.img-two').eq(ck).attr('src', '../img/进入，右.png');
            $('ul').eq(ck).css('height', '0', 'overflow', 'hidden')
        }
    })

该问题已被官方收录

日期插件刷新后日期不变

1

angular 插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

Date.prototype.format = function(fmt){ //author: meizz
        var o = {
            "M+": this.getMonth() + 1, //月份
            "d+": this.getDate(), //日
            "h+": this.getHours(), //小时
            "m+": this.getMinutes(), //分
            "s+": this.getSeconds(), //秒
            "q+": Math.floor((this.getMonth() + 3) / 3), //季度
            "S": this.getMilliseconds() //毫秒
        };
        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
        for (var k in o)
            if (new RegExp("(" + k + ")").test(fmt))
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        return fmt;
    }

    $scope.startDate = new Date(parseInt($stateParams.startAt)).format('yyyy-MM-dd

该问题已被官方收录

怎样使游戏流程的已变色步骤，在法官查看或杀人（投票）页面跳转后保持背景不变色

2

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<header>
    <span id="return" class="fa fa-angle-left"></span>
    <span>法官日记</span>
    <span id="close" class="fa fa-times"></span>
</header>
<main>
    <div class="oneDayCopy">
        <div class="dayCopy">
            <div class="dateCopy">
                <span class="text-center btn-block">第1天</span>
            </div>
        </div>
        <div class="happeningCopy">
            <div class="asideCopy"></div>
            <div class="incidentsCopy">
                <div id="kill" class="incidentCopy">
                    <img class="moon" src="../img/night.png" alt="">
                    <a class="kill"><span class="triangle-leftCopy"></span>杀手杀人</a>
                </div>
                <div class="killMsgCopy">
                    <span id="beKilledCopy"></span>
                    号被杀手杀死，真实身份是
                    <span id="beKilledRoleCopy"></span>
                </div>
                <div id="deadSpeakCopy" class="incidentCopy">
                    <img class="sun" src="../img/day.png" alt="">
                    <a class="death"><span class="triangle-leftCopy"></span>亡灵发言</a>
                </div>
                <div id="aliveSpeakCopy" class="incidentCopy">
                    <a class="aliveSpeak"><span class="triangle-leftCopy"></span>玩家依次发言</a>
                </div>
                <div id="voteCopy" class="incidentCopy">
                    <a class="vote"><span class="triangle-leftCopy"></span>玩家投票</a>
                </div>
                <div class="voteMsgCopy">
                    <span id="beVoted"></span>
                    号被投票杀死，真实身份是
                    <span id="beVotedRole"></span>
                </div>
            </div>
        </div>
    </div>
</main>
<footer>
    <a class="over">结束游戏</a>
    <a class="watch">法官查看</a>
</footer>

JS代码（部分）
var playerStatus=JSON.parse(sessionStorage.getItem('playerStatus')),
    days=JSON.parse(sessionStorage.getItem('days')),
    beKillNum=JSON.parse(sessionStorage.getItem('beKillNum')),
    beVoteNum=JSON.parse(sessionStorage.getItem('beVoteNum')),
    step=sessionStorage.getItem('step');
//为法官查看页面准备
sessionStorage.setItem('playerStatus',JSON.stringify(playerStatus));
sessionStorage.setItem('beKillNum',JSON.stringify(beKillNum));
sessionStorage.setItem('beVoteNum',JSON.stringify(beVoteNum));
sessionStorage.setItem('days',JSON.stringify(days));

switch(step){
        case "dead":
            var i=days-1;
            changeColor($('.kill'),$('.kill .triangle-leftCopy'));
            $('.killMsgCopy').text(beKillNum[beKillNum.length-(1+i)].number+"号被杀死，真实身份是"+beKillNum[beKillNum.length-(1+i)].role).show();
            break;
        case "speak":
            i=days-1;
            changeColor($('.kill'),$('.kill .triangle-leftCopy'));
            $('.killMsgCopy').text(beKillNum[beKillNum.length-(1+i)].number+"号被杀死，真实身份是"+beKillNum[beKillNum.length-(1+i)].role).show();
            changeColor($('.death'),$('.death .triangle-leftCopy'));
            break;
        case "vote":
            i=days-1;
            changeColor($('.kill'),$('.kill .triangle-leftCopy'));
            $('.killMsgCopy').text(beKillNum[beKillNum.length-(1+i)].number+"号被杀死，真实身份是"+beKillNum[beKillNum.length-(1+i)].role).show();
            changeColor($('.death'),$('.death .triangle-leftCopy'));
            changeColor($('.aliveSpeak'),$('.aliveSpeak .triangle-leftCopy'));
            break;
    }
    //变色函数
    function changeColor(a,b){
        a.css({
            'backgroundColor':'#83b09a',
            'borderColor':'#83b09a'
        });
        b.css('borderRightColor','#83b09a');
    }