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

该问题已被官方收录

在任务二的时候，要怎么去把进行身份的打乱然后发配到每一个牌当中

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-3.css">
    <script type="text/javascritp" defer="defer" src="./js2-3.js"></script>
</head>
<body>
    <header>
        <a onclick="window.location='./../js2-2/js2-2.html'" class="return"></a>
        <h4>查看身份</h4>
        <a href="/js2-1/js2-1.html" class="close"></a>
    </header>
    <main>
        <div class="box1">
            <span id="time">1</span>
            <div id="img"></div>
            <p class="identity">平民</p>
        </div>
    </main>
    <footer>
        <span onclick="chan()" id="examine">查看1号身份</span>
    </footer>
    <script src="./js2-3.js"></script>
</body>
</html>
var s = document.getElementsByClassName('box1')[0];
var flag = 1;
var number = 2
console.log(flag);

function chan() {
    if (flag === 1) {
        s.style.display = 'none';
        flag = flag + 1;
        console.log(flag);
    } else if (flag === 2) {
        s.style.display = '';
        flag = 1;
    }
}

// 读取上个页面存贮的数字
var killer = parseInt(localStorage.killer);
var people = parseInt(localStorage.people);
console.log(localStorage.killer)
console.log(localStorage.people);

// 声明空数组
var array = [];
for (var y = 0; y < people; y++) {
    array.push(localStorage.people);
}
for (var x = 0; x < killer; x++) {
    array.push(localStorage.killer);
}
// 在把空数组引用进来，进行重新排序
function dl() {
    for (var i = array.length - 1; i >= 0; i--) {
        var number = Math.floor(Math.random() * (i + 1))
        var temp = array[i];
        array[i] = array[number];
        array[number] = temp;
    }
}
dl();
console.log(array)
var opp = 1;
var time = document.getElementById('time');
var chakan = document.getElementById('examine')
var img = document.getElementById('img')
var identity = document.getElementsByClassName('identity')[0]
var a = 1;

function chan() {
    if (array[a - 1] === localStorage.people) {
        if (a % 2 === 0) {
            opp += 1;
        }
        a++;
        time.innerHTML = opp
        identity.innerHTML = '平民'
        chakan.innerHTML = '隐藏并传递给'+(a-1)+'号'
        img.style.width = '100%';
        img.style.background = "url(../img/平民.png)  no-repeat 51.347% 39.181%";
        img.style.backgroundColor = '#FFEDC5';
        img.style.zoom = '.8';
        identity.style.display = 'inline-block';
        console.log(opp)
    }
    
    else if (array[a - 1] === localStorage.killer) {
        if (a % 2 === 0) {
            opp += 1;
        }
        a++;
        time.innerHTML = opp
        identity.innerHTML = '杀手'
        img.style.width = '100%';
        chakan.innerHTML = '隐藏并传递给'+(a-1)+'号'
        img.style.background = "url(../img/杀手.png)  no-repeat 51.347% 39.181%";
        img.style.backgroundColor = '#FFEDC5';
        img.style.zoom = '.8';
        img.style.border= 'radius: 50%';
        identity.style.display = 'inline-block';

    }
    else if(opp<array.length){
        if (a % 2 === 0) {
            opp += 1;
        }
        a++
        time.innerHTML = opp
        img.style.background = "url(../img/椭圆 2.png)  no-repeat 51.347% 39.181%";
    }
     else {
        location.href = "./../js3法官日记页面/js3-2.html"
        console.log('打断掉')
    }
}

该问题已被官方收录

有限状态机，新版本和旧版本有什么区别？

0

1

有限状态机

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

使用ng-options循环出来的下拉框，无法获取后端返回的数值，成为选中状态

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

                       <div class="col-md-6">
                            <label class="control-label col-md-4">*融资规模</label>
                            <div class="col-md-8">
                                <select class="form-control" ng-model="vm.company.financing"
                                        ng-options="key as val for (key,val) in vm.financingList"
                                        required>
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>

该问题已被官方收录

小程序的双向绑定如何使用

0

1

小程序语言基础

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

为啥wx.request里面无法打印赋值后的变量

0

1

小程序语言基础小程序网络请求

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// pages/result/result.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 页面需要的数据
    theResultValue1: 0,
    theResultValue2: 0,
    theResultValue3: 0,
    theItem: [],
    theMoney1: [],
    theMoney2: [],
    theMoney3: [],
    winWidth: 0,
    winHeight: 0,
    currentTab: 0 
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options, theItem) {
    var that = this;

    // 将传递过来的参数用JSON转化成原始的数组格式
    var thevalue = JSON.parse(options.key);

    // 直接var变量是没有用的
    // html页面要想获得这些数据，只能放在data里面
    // 先在data里面定义好变量名称，然后通过this.setData的方式来进行赋值
    this.setData ({
      theResultValue1: (thevalue[0]-1), 
      theResultValue2: (thevalue[1]-1), 
      theResultValue3: (thevalue[2]-1)
    })
    
    // 向后台请求数据
    wx.request({
      url: 'http://www.jnshu.com/a/occupation/list',
      method: 'GET',
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        console.log(res.data.data.occupations);
        var aaa = (JSON.parse(res.data.data.occupations[thevalue[0] - 1].salary));
        var bbb = (JSON.parse(res.data.data.occupations[thevalue[1] - 1].salary));
        var ccc = (JSON.parse(res.data.data.occupations[thevalue[2] - 1].salary));

        // 这里的赋值，需要通过setData来进行赋值，同时需要将this用一个变量来代替
        // 需要先在data上面定义好一个theItem，也就是这里的变量
        // request是异步执行，所以这里无法打印theItem
        that.setData({
          theItem: res.data.data.occupations,
          theMoney1: aaa,
          theMoney2: bbb,
          theMoney3: ccc,
        });
        console.log(theItem);
      }
    })

    // navbar
    wx.getSystemInfo({
      success: function (res) {
        that.setData({
          winWidth: res.windowWidth,
          winHeight: res.windowHeight
        });
      }
    }); 
  },

  bindChange: function (e) {
    var that = this;
    that.setData({ currentTab: e.detail.current });
  },
  swichNav: function (e) {
    var that = this;
    if (this.data.currentTab === e.target.dataset.current) {
      return false;
    } else {
      that.setData({
        currentTab: e.target.dataset.current
      })
    }
  }, 

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})

该问题已被官方收录

事件代理，怎么能访问到target的子节点上？

0

1

事件

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">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/page7.css">
    <title>杀人页面</title>
</head>
<body>
<header>
    <img class="h-i1" id="back" src="img/2-back.png" >
    杀手杀人
    <img class="h-i2" id="close" src="img/4-close.png" >
</header>
<main>
    <div class=main-t>
        <p class="mtt"></p>
        <p class="mtb"></p>
    </div>
    <div class="play-box" id="play-box" >
    </div>   
</main>
<footer>
    <button id="playgame" >
        确定
    </button>
</footer>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/page7.js"></script>
</body>
</html>

console.log("js文件");

var Num = sessionStorage.getItem("Num"); //上一页面输入人数
var playArr = JSON.parse(sessionStorage.getItem("playArr")); //上一页面身份数组
var x = sessionStorage.getItem('x'); //判断杀人页面还是投票页面
console.log('页面状态：' + x + "页面");
var kiNum = sessionStorage.getItem('kiNum'); //杀手人数
var ciNum = sessionStorage.getItem('ciNum'); //平民人数
var deadArr = new Array; //死亡玩家数组    这里换个页面寸 这里要取出数组
var identity; //选中身份
var n; //选中的玩家数组角标

$('#back').on('click', function () {
    alert('上了贼船你还想跑？');
}); //左上角返回按钮
$('#close').on('click', close); //右上角关闭按钮
function close() {
    var message = confirm("是否结束本轮游戏？"); //是否确定
    if (message) {
        location.replace('page2.html'); //返回首页
    }
}

var playbox = $('.play-box');
for (var i = 0; i < Num; i++) {
    playbox.append(
        `<div class="player">
            <div class="play-t">` +
        playArr[i] +
        `</div>
            <div class="play-b">` +
        (i + 1) +
        `号</div>
        </div>`);
} //生成角色模块

var playerArr = $('.play-t'); //角色盒子数组

var outbox = document.getElementById('play-box');

$('#playgame').on('click', function () {
    switch (x) {
        case '杀人':
            ciNum = ciNum - 1; //平民减少一人         
            break;
        case "投票":
            if (identity == "杀手") {
                kiNum = kiNum - 1; //杀手减少一人             
            } else if (identity == "平民") {
                ciNum = ciNum - 1; //平民减少一人
            }
            break;
    }
    deadArr.push(n);
    sessionStorage.playArr=JSON.stringify(deadArr);
    sessionStorage.ciNum = ciNum;
    sessionStorage.kiNum = kiNum;
    gameover();
});

html{
    font-size: 100px;
}
body{
    min-width:0;
}
header,footer{
    position:fixed;
    z-index: 1;
    width: 100%;
    max-width: 640px;
}
header{
    top: 0;
    border-bottom: 1px solid #74e4db; 
}
main,footer{
    background: #29bde0;
    line-height: 0;   
}
main{
    min-height:100vh;
    margin: 0 auto;
    padding: 45px 0 1rem;
    overflow: hidden;
}
.main-t{
    line-height: 0;
}
.mtt{
    display: flex;
    align-items: center;
    height: 0.45rem;
    margin: 0;
    padding-left: 25px;
    font-size: 0.13rem;
    line-height: 1.5;
    background: #b9e9f5;
}
.mtb{
    position: relative;
    margin: 0;
    padding: 15px 0;
    font-size: 0.12rem;
    color: #fff;
    padding-left: 40px;
    line-height: 1.5;
}
.jiao{
    position: absolute;
    top: 0;
    left: 30px;
    width:0;
    height:0;
    border-width: 10px 10px 0 10px ;
    border-style: solid;
    border-color: #b9e9f5 transparent transparent transparent;/*透明 兰 透明 透明 */
} 
.play-box{
    overflow: hidden;
}
.player{
    float: left;
    width: 20vw;
    max-width: 128px;
    height: 20vw;
    max-height: 128px;
    margin-left: 10%;
    margin-bottom: 10%;
    border: 3px solid #fff;
    box-sizing: border-box;
}
.play-t,.play-b{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.play-t{
    height: 70%;
    font-size: .15rem;
    background: #fbb435;
}
.play-b{
    height: 30%;
    font-size: .11rem;
    color: #fff;
    background: #83b09a;
}
footer{
    bottom: 0;
    text-align: center;
}
footer button{
    width: 80%;
    height: 0.4rem;
    margin: 0.2rem auto ;
    font-size: 0.2rem;
    color: #fff;
    background: #fbb435;
    border: none;
    outline: none;
}

该问题已被官方收录

分配角色人数失败

1

js随机数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var killer=document.getElementsByClassName('k_number')[0];
var people=document.getElementsByClassName('p_number');

// 分配角色
var set=document.getElementById("setting_role");
set.onclick=function () {
    var x=input_number.value;
    var y,z;
    console.log("test");
    if(x<9){
        y=1;
        z=x-y;
    }
    else if(x>=9&&x<12){
        y=2;
        z=x-y;
    }
    else if(x>=12&&x<16){
        y=3;
        z=x-y;
    }
    else if(x>=16&&x<=18){
        y=4;
        z=x-y;
    }

    killer.innerText=y;
    people.innerText=z;

该问题已被官方收录

别人的angular项目在本地跑不了。

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

jimideMacBook-Air:dependency-injection jimi$ ng serve --open
Could not find module "@angular-devkit/build-angular" from "/Users/jimi/Documents/ng-book2-angular-6-r68/dependency-injection".
Error: Could not find module "@angular-devkit/build-angular" from "/Users/jimi/Documents/ng-book2-angular-6-r68/dependency-injection".
    at Object.resolve (/Users/jimi/node_modules/@angular/cli/node_modules/@angular-devkit/core/node/resolve.js:141:11)
    at Observable.rxjs_1.Observable [as _subscribe] (/Users/jimi/node_modules/@angular/cli/node_modules/@angular-devkit/architect/src/architect.js:132:40)
    at Observable._trySubscribe (/Users/jimi/node_modules/rxjs/internal/Observable.js:43:25)
    at Observable.subscribe (/Users/jimi/node_modules/rxjs/internal/Observable.js:29:22)
    at DoOperator.call (/Users/jimi/node_modules/rxjs/internal/operators/tap.js:29:23)
    at Observable.subscribe (/Users/jimi/node_modules/rxjs/internal/Observable.js:24:22)
    at /Users/jimi/node_modules/rxjs/internal/util/subscribeTo.js:22:31
    at Object.subscribeToResult (/Users/jimi/node_modules/rxjs/internal/util/subscribeToResult.js:7:45)
    at MergeMapSubscriber._innerSub (/Users/jimi/node_modules/rxjs/internal/operators/mergeMap.js:75:38)
    at MergeMapSubscriber._tryNext (/Users/jimi/node_modules/rxjs/internal/operators/mergeMap.js:72:14)
jimideMacBook-Air:dependency-injection jimi$ npm i @angular/cli

> fsevents@1.2.4 install /Users/jimi/Documents/ng-book2-angular-6-r68/dependency-injection/node_modules/fsevents
> node install

[fsevents] Success: "/Users/jimi/Documents/ng-book2-angular-6-r68/dependency-injection/node_modules/fsevents/lib/binding/Release/node-v57-darwin-x64/fse.node" already installed
Pass --update-binary to reinstall or --build-from-source to recompile

> @angular/cli@6.0.0 postinstall /Users/jimi/Documents/ng-book2-angular-6-r68/dependency-injection/node_modules/@angular/cli
> node ./bin/ng-update-message.js

npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN The package @types/jasmine is included as both a dev and production dependency.
npm WARN The package ts-node is included as both a dev and production dependency.

+ @angular/cli@6.0.0
added 318 packages in 99.403s
jimideMacBook-Air:dependency-injection jimi$ 
Display all 1380 possibilities? (y or n)

该问题已被官方收录

Ajax怎么运用，里面的

0

1

Ajax

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function login() {
    console.log(username.value);
    console.log(pwd.value);
    var xhr = new XMLHttpRequest();
    xhr.open('post', '/carrots-admin-ajax/a/login', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send('name=' + username.value + '&pwd=' + pwd.value);
    xhr.onreadystatechange = function () {

        if (xhr.readyState == 4) {
            if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
                if(JSON.parse(xhr.responseText).code==0){
                    window.location.href = 'task6.html';

该问题已被官方收录

编辑页面，获取文章数据后，select设置value不能显示选项

0

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

解决办法：查阅官方文档如下

Caveat: Option selection
Angular uses object identity to select option. It's possible for the identities of items to change while the data does not. This can happen, for example, if the items are produced from an RPC to the server, and that RPC is re-run. Even if the data hasn't changed, the second response will produce objects with different identities.

To customize the default option comparison algorithm, <select> supports compareWithinput.compareWith takes a function which has two arguments: option1 and option2. If compareWith is given, Angular selects option by the return value of the function.

Syntax

<select [compareWith]="compareFn"  [(ngModel)]="selectedCountries">
 <option *ngFor="let country of countries" [ngValue]="country">
   {{country.name}}
 </option>
</select>
compareFn(c1: Country, c2: Country): boolean {
return c1 && c2 ? c1.id === c2.id : c1 === c2;
}
 

按此法成功解决

解决方法二：用ng-select插件

Step 1: Install ng-select:
npm install --save @ng-select/ng-select

Step 2: Import the NgSelectModule and angular FormsModule module:

import { NgSelectModule } from '@ng-select/ng-select';
import { FormsModule } from '@angular/forms';
@NgModule({
 declarations: [AppComponent],
 imports: [NgSelectModule, FormsModule],
 bootstrap: [AppComponent]
})
export class AppModule {}
Step 3: Include a theme:
To allow customization and theming, ng-select bundle includes only generic styles that are necessary for correct layout and positioning. To get full look of the control, include one of the themes in your application. If you're using the Angular CLI, you can add this to your styles.scss or include it in .angular-cli.json(Angular v5 and below) or angular.json (Angular v6 onwards).


@import "~@ng-select/ng-select/themes/default.theme.css";
// ... or  
@import "~@ng-select/ng-select/themes/material.theme.css";