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

该问题已被官方收录

获取不到value值.

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var btn = document.getElementsByClassName("btn");

var uers = document.getElementsByClassName("phone");
var ff = uers.value;
console.log(ff)
var password = document.getElementsByClassName("lock").value;
console.log(password)
uers.value == "dfd"
    if( uers.value == "") {
        alert("请输入用户名");
    }
    else if (password.value == "") {
        alert("请输入密码");
    }

该问题已被官方收录

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

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>

该问题已被官方收录

service和factory有什么区别

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

angular.module("myApp")
    .factory("session", function () {
        return {
            //存储单个属性
            set: function (key, value) {
                sessionStorage.setItem(key, value);
            },
            //读取单个属性
            get: function (key) {
                return sessionStorage.getItem(key);
            },
            //删除单个属性
            remove: function (key) {
                return sessionStorage.removeItem(key);
            },
            //存储对象，以JSON格式存储
            setObject: function (key, value) {
                sessionStorage.setItem(key, JSON.stringify(value)); //将对象以字符串保存
            },
            //读取对象
            getObject: function (key) {
                return JSON.parse(sessionStorage.getItem(key)); //获取字符串并解析成对象
            },
            //清除所有
            clear: function () {
                sessionStorage.clear();
            }
        };
    })
    // 上传图片
    .factory('uploadService', function ($http, path) {
        return {
            upload: function (formData) {
                return $http.post(path.uploadUrl(), formData, {
                    headers: {'Content-Type': undefined},
                    transformRequest: angular.identity // 不对formDate进行序列化
                })
            }
        }
    })
    // 公共方法
    .factory('commonUtil', function () {
        return {
            //保存账户角色信息
            saveSelfDetail: function (manager)

该问题已被官方收录

杀人和投票在一个页面完成

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

footLink.onclick = function () {
  var death = getDeath();
  switch (true) {
    case death == -1:
      alert('未选定玩家');
      break;
    case page == 0 && player[death] == 0:
      // 杀人页面不能选定杀手
      alert('你是杀手不能杀死本职业，请选择其他玩家');
      break;
    case Array.isArray(playerState[death]):
      alert('当前玩家已死亡，请选择其他玩家');
      break;
    default:
      setDeath(death);
      // 跳转到法官台本 或者结束游戏
      if (liveKiller >= livePerson || liveKiller === 0) {
        window.location.href = 'result.html';
      } else {
        daynum += page == 1 ? 1 : 0;
        sessionStorage.setItem('daynum',daynum);
        window.location.href = 'everyday.html';
      }
  }
}

该问题已被官方收录

图片编辑都不出来

0

1

file-upload

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<img src=""  id="my_img">  
document.getElementById("my_img").src = @#$A%!!.

该问题已被官方收录

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

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 () {
  
  }
})

该问题已被官方收录

登录之后，在其他页面怎么判断是否已经登录？

0

1

$http

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//保存数据到sessionStorage

sessionStorage.setItem('key', 'value');

//从sessionStorage获取数据

sessionStorage.getItem('key');

sessionStorage.key;

//从sessionStorage删除保存的数据

sessionStorage.removeItem('key');

//从sessionStorage删除所有保存的数据

sessionStorage.clear();

该问题已被官方收录

事件代理，怎么能访问到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;
}