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

selsect左下边框都不见

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="addArticle"> 新增Article</div>
        <div class="content">
            <div class="c_font15">标题名称</div>
            <input class="c_input" v-model="titleValue">
            <div class="c_font15">类  型</div>
            <select class="c_select" v-model="typeValue">
                <option>请选择</option>
                <option>首页Banner</option>
                <option>职位Banner</option>
                <option>找精英Banner</option>
                <option>行业大图</option>
            </select>


.addArticle {                      // 新增Article
    margin: 30px auto 0;
    border: 1px solid #dddddd;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 93%;
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    font-weight: 700;
    background: #f5f5f5;
}
.content {                        // 新增Article下的内容
    margin: 0 auto;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    padding: 15px;
    width: 93%;
    min-height: 400px;
    font-size: 14px;
    font-weight: 700;
    background: #ffffff;
    .c_font15 {                   // 内容内竖排字体
        float: left;
        margin-right: 30px;
        margin-bottom: 15px;
        width: 12%;
        height: 34px;
        line-height: 34px;
        text-align: right;
    }
    .c_text {
        float: left;
        margin-right: calc(26% - 32px);
        margin-bottom: 15px;
        width: 62%;
        font-weight: 400;
        min-height: 34px;
    }
    .c_input {                     // 输入框
        // float: left;
        margin-right: calc(26% - 32px);
        margin-bottom: 15px;
        width: 62%;
    }
    .c_select {                    //类型框
        // float: left;
        margin-right: calc(100% - 17% - 12% - 30px);
        margin-bottom: 15px;
        width: 16%;
    }

任务一为什么一进去就有不一样的颜色

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    //将随机出来的盒子，赋值color函数出来的随机颜色
    while (one == two || two == three || three == one) {
        var one = boxGet[first].style.backgroundColor = color();
        var two = boxGet[second].style.backgroundColor = color();
        var three = boxGet[third].style.backgroundColor = color();
    }
    //return one, two ,three 
};
//console.log(box())  


//声明一个全局变量，进行定时器之间的参数传输
var time

function start() {
    clearInterval(time); //点击按钮之前清除定时器，避免多次点击出现堆积
    time = setInterval(function () {
        for (var j = 0; j < 9; j++) {
            boxGet[j].style.backgroundColor = "orange"
        };

        box() //在定时器内执行box函数，进行随机盒子+随机颜色工作

    }, 1000) //延时1秒
};


function end() {
    clearInterval(time) //点击end关闭后，定时器被清除，停止工作
    for (var j = 0; j < 9; j++) {
        boxGet[j].style.backgroundColor = "orange"
    };
};

点击查看身份，再点击隐藏身份，再点击查看下一个身份，而且图片和序号也对应的在变

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var num=1;
$('#circle').text(num);
$('#num').text(num);

$(document).ready(function () {
    $('#deliver').click(function () {
        $('#icon').text(player[num])
     if($('#image').attr('src')=='../img/myking.png'){
         $('#image').attr('src',"../img/headicon.png")
     }else{
         $('#image').attr('src','../img/myking.png')
     }

    })
});

有限状态机问题

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">
    <title>Document</title>
    <style>
        .green,
        .yellow,
        .red,
        .clear {
            display: inline-block;
            margin: 1rem;
            width: 5rem;
            height: 5rem;
            border: solid 1px #000;
            border-radius: 50%;
        }

        .green {
            background: green;
        }

        .yellow {
            background: yellow;
        }

        .red {
            background: red;
        }
    </style>
</head>

<body>
    <div class="green"></div>
    <div class="yellow"></div>
    <div class="red"></div>
    <br>
    <div class="clear"></div>

    <script src="jquery-3.3.1.min.js"></script>

    <script src="state-machine.js"></script>
    <script>
        var fsm = new StateMachine({
            init: 'green',//从green开始
            transitions: [{
                    name: 'warn',
                    from: 'green',
                    to: 'yellow'
                },
                {
                    name: 'panic',
                    from: 'yellow',
                    to: 'red'
                },
                {
                    name: 'calm',
                    form: 'red',
                    to: 'yellow'
                },
                {
                    name: 'clear',
                    from: 'yellow',
                    to: 'green'
                }
            ]
        })


        $('.green').on('click', function () {
            console.log(fsm.can('warn'));
            fsm.warn();
        })

        $('.yellow').on('click', function () {
            console.log(fsm.can('panic')); 
            fsm.panic();
        })

        $('.red').on('click', function () {
            console.log(fsm.can('calm'));
            fsm.calm();
        })

        $('.clear').on('click', function () {
            console.log(fsm.can('clear'));
            fsm.clear();
        })





    </script>
</body>



</html>

微信网页授权证书应该放在哪里

1

微信

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

angularJS配置AJAX时，data参数传送问题

0

1

$http

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.controller('loginPage',function ($scope,$http,$state) {
    $scope.login=function () {
        $http({
            method: 'POST',
            url: '/carrots-admin-ajax/a/login',
            data: {
                name:$scope.username,
                pwd: $scope.password
            },
            dataType: 'json'
        }).
        then(function successCallback(response) {
            if(response.data.code===0){
                $scope.loginMsg="登陆成功";
                $state.go('frameState')
            }else{
                $scope.loginMsg=response.data.message;
            }
            console.log(response);
        })
    }
});

循环定时器

0

1

函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="grid">
    <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>
</div>
<div class="btn">
    <button id="run" onclick="twinkle()">开始闪</button>
    <button id="stop" onclick="stop()">结束闪</button>
</div>



function getBox() {
    var box = document.getElementsByClassName("box");
    resent();
    //随机得到三个盒子
    for (var i = 0; i < 1000; i++) {
        var box1 = Math.floor(Math.random() * 9);
        var box2 = Math.floor(Math.random() * 9);
        var box3 = Math.floor(Math.random() * 9);
        if (box1 !== box2 && box1 !== box3 && box2 !== box3) {
            break;
        }
    }
    //随机的三个盒子改变颜色
    box[box1].style.backgroundColor = changeColor();
    box[box2].style.backgroundColor = changeColor();
    box[box3].style.backgroundColor = changeColor();
}

function resent() {
    var box = document.getElementsByClassName("box");
    for (var i = 0; i < 9; i++) {
        box[i].style.backgroundColor = "orange";
    }
}
//得到三个随机颜色
function changeColor() {
    var r = Math.floor(Math.random() * 255);
    var g = Math.floor(Math.random() * 255);
    var b = Math.floor(Math.random() * 255);
    return "rgb(" + r + "," + g + "," + b +")";
}

var time;
function twinkle() {
    time = setInterval(getBox(), 1000);
}

function stop() {
    clearInterval(time);
    resent();
}

学员服务器如何使用NGINX跨域

0

1

跨域

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(document).ready(function () {
    $("#btn").on("click",function () {
        var account = $(".account").val();
        var password = $(".password").val();
    $.post('/carrots-admin-ajax/a/login',
        {
            name: account, pwd: password
        },
        function(data,status) {
        var $data = JSON.parse(data);
            console.log($data);
        if ($data.message === "success") {
            window.location.href = "http://dev.admin.carrots.ptteng.com/";
        }
        else {
            $("#info").text($data.message)
        }
    });
});
});

Ajax的POST请求

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var userPassword = document.getElementsByClassName("bl_number");
var xhr = new XMLHttpRequest();
document.querySelector("button").onclick = function() {
    var user = userPassword[0].value;
    var password = userPassword[1].value;
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            var checking = JSON.parse(xhr.responseText);
            console.log(checking. message);
            if (checking.code == 0) {
                location.href = "http://dev.admin.carrots.ptteng.com/";
            }
            else if (checking.code == -5003) {
                alert("用户不存在，请重新输入");
            }
            else if (checking.code == -5004) {
                alert("密码错误,请重新输入");
            }
        }
    }
    xhr.open("POST","/carrots-admin-ajax/a/login",true);
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xhr.send(`name = ${user} + &pwd = ${password}`);
}

select和后台数据绑定的问题

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

                <select class="form-control">
                    <option>请选择</option>
                    <option value="0">首页Banner</option>
                    <option value="1">找职位Banner</option>
                    <option value="2">找精英Banner</option>
                    <option value="3">行业大图</option>
                </select>