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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

问题描述：ng-options 设置初始值，无法正常显示，使用对象作为数据源,

0

1

angular model angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="col-md-4 col-sm-12">
                    <div class="row">
                        <label class="col-md-4 col-sm-4">类    型</label>
                        <!--<select    ng-init="selectedType = type.type1.type" ng-model="selectedType" ng-options="x for (x,y) in type)">-->
                        <!--</select>-->
                        <select  ng-init="selectedType = type.type1.type" ng-model="selectedType" ng-options="y.type for (x, y) in type">
                        </select>
                        <p>{{type.type1.type}}</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="row">
                        <label class="col-md-4 col-sm-4">状    态</label>
                        <select  ng-init="selectedState = state.state1" ng-model="selectedState" ng-options="y for (x,y) in state">
                        </select>
                    </div>
                </div>

  $scope.type = {
        state1 :"全部",
        type1 : {type:"全部"},
        type2 : {type:"首页Banner"},
        type3 : {type:"找职位Banner"},
        type4 : {type:"找精英Banner"},
        type5 : {type:"行业大图"}
    };
    $scope.state = {
        state1:"全部",
        state2:"草稿",
        state3:"上线",
    }

该问题已被官方收录

为什么任务五，在自己电脑可以请求到数据，而在GitHub上展示却不能请求到数据？

3

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

vue-cli新版本，vue UI 搭建项目后如何跨域

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  devServer: {
    proxy: 'http://47.98.143.242:8083' // 配置跨域处理,只有一个代理
    // proxy: {
    //   '/api': {
    //     target: 'http://www.jnshu.com',
    //     ws: true,
    //     changeOrigin: true
    //   },
    //   '/foo': {
    //     target: 'http://47.98.143.242:8083'
    //   }
    // },  // 配置多个代理
  },

该问题已被官方收录

怎么使得ng-message的表单认证一次只提醒一个

1

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <input class="enter"
                   type="text"
                   name="user"
                   id="username"
                   placeholder="请输入账号"
                   ng-model="userName"
                   required
                   ng-minlength="5"
                   ng-maxlength="10">
            <div ng-messages="myForm.user.$error" ng-if="myForm.user.$dirty" style="color: red">
                <div ng-message="required">用户名不能为空</div>
                <div ng-message="minlength">用户名长度要大于5</div>
                <div ng-message="maxlength">用户名长度不能超过10</div>
            </div>

            <div class="pwd-icon"></div>
            <input class="enter"
                   type="password"
                   name="password"
                   id="password"
                   placeholder="请输入密码"
                   ng-model="passWord"
                   required
                   ng-minlength="6"
                   ng-maxlength="10">
            <div ng-messages="myForm.password.$error" ng-if="myForm.password.$dirty" style="color: red">
                <div ng-message="required">密码不能为空</div>
                <div ng-message="minlength">密码长度不能小于6</div>
                <div ng-message="maxlength">密码长度不能超过10</div>
            </div>
        </div>
        <div id="tip" ng-model="logMsg">{{logMsg}}</div>
        <button type="button" id="loginBtn" class="login-btn" ng-click="login()">登录</button>

该问题已被官方收录

输入框如何与滑动条相互关联

1

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

该问题已被官方收录

sessionstorage 怎么把数组存入以及取出

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如上

该问题已被官方收录

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

1

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('打断掉')
    }
}

该问题已被官方收录

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

该问题已被官方收录

如何随机取得小格子中的3个格子

1

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name ="viewport" content ="width=device-width,initial-scale=1.0">
    <title>九宫格</title>
    <link href="task1.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <button id="start" onclick="start()">开始闪</button>
    <button id="end" onclick="end()">结束闪</button>
    <script src="task1.js"></script>
</body>
</html>

该问题已被官方收录

关于任务五的跨域问题

0

1

跨域

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 获取input的数值
var ID = document.getElementById('ID');
// 第二个input的数值
var password = document.getElementsByClassName('password')[0];
var show = document.getElementById('show');
// 声明一个请求
var xhr;
// 点击事件，点击的时候获取到输入框输入的数值
function NEWbutton() {
    console.log(ID.value);
    console.log(password.value);
    if (ID.value == '') {
        show.innerHTML = '请输入账号'
        return false;
    } else if (password.value == '') {
        show.innerHTML = '请输入密码'
        return false;
    } else {
        // 请求参数
        var data = 'name=' + ID.value + '&pwd=' + password.value;
        var lin = '/carrots-admin-ajax/a/login';
        xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
            // 通信成功时，状态值为4
            if (xhr.readyState === 4 && xhr.status === 200) {
                var xuan = JSON.parse(xhr.responseText);
                console.log(xuan)
                if (xuan.code == 0) {
                    location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard'
                } else {
                    show.innerHTML = xuan.message;
                }
            } 
        }
    };
    // 发送了请求，使用POST的形式进行发送
    xhr.open('POST', lin, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(data);
    return false;
}

去第页

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