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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

法官查看界面如何实现盒子编号、玩家身份和分配身份后的状态保持一致

0

1

事件控制流程语句节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html:
<div class="main-box">
   <!--<div class="content-box">-->
            <!--<div class="content-top">-->
                <!--<div class="career"></div>-->
                <!--<div class="number"></div>-->
            <!--</div>-->
        <!--<div class="content-bottom"></div>-->
    <!--</div>-->
</div>
CSS：
.main-box {
    width: 100%;
    margin-top: .2rem;
    display: flex;
    flex-wrap: wrap;
}
.content-box {
    width: 30%;
    height: 1.9rem;
    margin: 1.5% 1.66% 0 1.66%;
}
.content-top {
    width: 100%;
    height: 1.36rem;
}
.career {
    width: 100%;
    height: 1.0rem;
    font-size: .3rem;
    color: #565656;
    background-color: #F5C97B;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.number {
    width: 100%;
    height: .36rem;
    font-size: .22rem;
    color: #FFF;
    background-color: #83B09A;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-top: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-bottom {
    width: 100%;
    height: .3rem;
    padding-top: .2rem;
    background-image: url(../image/img1.png);
    background-repeat: no-repeat;
    background-size: .3rem .3rem;
    background-position: center center;
    visibility: hidden;
}
JS:
var player = JSON.parse(sessionStorage.getItem('player'));//取出总玩家人数数组
 for (var i=0; i<player.length; i++){//遍历数组，有几个玩家就循环几次，把所有玩家都遍历出来
        var num = i + 1;//每个角色对应的号码
        var inBox = '<div class=\"content-box\">\n'+//var个变量存储写进文档的标签代码，记住要转义字符
            '<div class=\"content-top\">\n'+
            '<div class=\"career\">\n'+ player[i] +
            '</div>\n'+
            '<div class=\"number\">\n'+ num +
            '</div>\n'+
            '</div>\n'+
            '<div class=\"content-bottom\">\n'+
            '</div>\n'+
            '</div>';
        $('.main-box').append(inBox);//通过append将盒子一个一个的往文档里面装
        }

该问题已被官方收录

如何用滑动条改变输入框的值？

0

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//输入框取值
function inputNumber() {
    if (inputNum.value >= 4 && inputNum.value <= 18) {
        slipRange.value = inputNum.value;
    } else {
        alert("游戏限制人数为4~18人");
    }
    peopleNum.innerText = Math.ceil(slipRange.value * 2 / 3);
    ghostNum.innerText = Math.floor(slipRange.value / 3);
}

//滑动条和输入框同步
function change() {
    inputNum.value = slipRange.value;
    peopleNum.innerText = Math.ceil(slipRange.value * 2 / 3);
    ghostNum.innerText = Math.floor(slipRange.value / 3);
}

该问题已被官方收录

关于任务五的跨域问题

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;
}

该问题已被官方收录

关于提交请求

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

angular.module('myApp').controller('position_addCtrl',function($scope,$state,$http,$stateParams,$rootScope, recommendStatus,experienceFilter,educationFilter,compensationFilter,categoryData,myAppService) {
    var LBD = sessionStorage.getItem('LBD');
    if (LBD) {
        var vm = this;

        vm.params = $state.params;
        vm.content = {
            companyId: vm.params.companyId,
            companyName: vm.params.companyName,
            id: vm.params.id
        };

        // 常量
        vm.recommendStatus = recommendStatus;
        vm.experienceFilter = experienceFilter;
        vm.educationFilter = educationFilter;
        vm.compensationFilter = compensationFilter;
        vm.categoryData = categoryData;  //二级职位类别

        if(vm.content.id){
            //编辑页面
            myAppService.appGet(vm.content, vm.content.companyId).then(function(res){
                if(res.data.code === 0){
                    vm.companyTags = res.data.tags;//公司标签
                }else{
                    $rootScope.alert(res.data.message);
                }
            });

            myAppService.positionAppGet(vm.content, vm.content.id).then(function(res){
                if(res.data.code === 0){
                    vm.content = res.data.data;
                    vm.content.subCategory = vm.content.subCategory.toString();
                    if (vm.companyTags) {  //获取选中标签
                        for (var i = 0; i < vm.companyTags.length; i++) {
                            for (var j = 0; j < vm.content.tags.length; j++) {
                                if (vm.companyTags[i].tag == vm.content.tags[j].tag) {
                                    $('.tag-f').eq(i).prop('checked', true);
                                    vm.companyTags[i].status = 1;
                                }
                            }
                        }
                    }
                }else{
                    $rootScope.alert(res.data.message);
                }
            });
        }else{
            //新增页面
            myAppService.appGet(vm.content, vm.content.companyId).then(function(res){
                if(res.data.code === 0){
                    vm.companyTags = res.data.tags;//公司标签
                }else{
                    $rootScope.alert(res.data.message);
                }
            });
            vm.content.recommend = "0";
        }


        //获取标签点击值
        vm.checkboxMulti = function (index, game) {
            vm.tags1 = [];
            vm.companyTags[index].status = game;
            for (var i = 0; i < vm.companyTags.length; i++) {
                if (vm.companyTags[i].status == 1) {
                    vm.tags1.push(vm.companyTags[i]);
                }
            }
        };


        //新增、编辑
        vm.save = function(){
            // 标签
            if (!vm.tags1) {
                vm.tags1 = [];
            } else {
                for (var i = 0; i < vm.tags1.length; i++) {
                    delete vm.tags1[i].status;
                    delete vm.tags1[i].$$hashKey;
                }
            }

            // 发送的参数
            vm.theContent = {
                profession: Object.assign({}, vm.content),
                tags: vm.tags1
            };

            // 判断新增还是编辑
            if (vm.content.id){
                vm.theContent.profession.id = vm.content.id;

                // 将自身的tags赋值给外层的tags，同时将自身的tags删除
                vm.theContent.tags = vm.theContent.profession.tags;
                delete vm.theContent.profession.tags;

                myAppService.appPut(vm.theContent, vm.content.id).then(function(res){
                    if(res.data.code === 0){
                        $rootScope.alert('成功上线', function () {
                            $state.go('home.position_now',{
                                companyId:vm.content.companyId,
                                companyName:vm.content.companyName
                            },{
                                reload: true
                            })
                        });
                    }else{
                        $rootScope.alert(res.data.message);
                    }
                });
            }else {
                vm.theContent.profession.status = 0;
                myAppService.appPost(vm.theContent).then(function(res){
                    if(res.data.code === 0){
                        $rootScope.alert('成功上线', function () {
                            $state.go('home.position_now',{
                                companyId:vm.content.companyId,
                                companyName:vm.content.companyName
                            },{
                                reload: true
                            })
                        });
                    }else{
                        $rootScope.alert(res.data.message);
                    }
                });
            }
        };

        //取消
        vm.cancel = function(){
            $state.go('home.position_now',{
                companyId:vm.content.companyId,
                companyName:vm.content.companyName
            },{
                reload: true
            })
        };
    }
});

该问题已被官方收录

亡灵发言页面，第一天和第二天渲染出来是一样的。

0

1

控制流程语句本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var day=JSON.parse(sessionStorage.getItem('sky'));
var murder=new Array;
for(var h=0;h<day;h++){
    // console.log(h+1);
   if(h<day){
   murder.push(  '<div class="center">'+'第'+' <span class="nm"></span>'+' 天'+'</div>'+
       '<div class="center-bottom">'+
           '<div class="left">'+
           '<div class="left-top"><img src="images/JS4-2.png" alt=""></div>'+

           '<div class="left-boot"><img src="images/JS4-3.png" alt=""></div>'+
           '</div>'+
           '<div class="right">'+
           '<br>'+
           '<div class="dis">'+
           '<button id="right-top">'+'杀手杀人'+'</button>'+
           '<br>'+
           '<p class="text-top"></p>'+
           '</div>'+
           '<br>'+
           '<div class="dis">'+
           '<button id="right-top2">'+'亡灵发表遗言'+'</button>'+
           '</div>'+
           '<br>'+
           '<div class="dis">'+
           '<button id="right-center">玩家依次发言</button>'+
           '</div>'+
           '<br>'+
           '<div class="dis">'+
           '<button id="right-boot">'+'玩家投票'+'</button>'+
           '<p class="text-bottom"></p>'+
           '</div>'+
           '</div>'+
           '</div>');
   console.log(murder);
   $('main').html(murder);
       $('.nm').text(h+1);
   }
}

该问题已被官方收录

如何根据月份和日期可以选出对应星座？

0

1

事件控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 根据出生时间戳选出星座
            getStarSign: function (time) {
                function getAstro(m,d){
                    return "魔羯水瓶双鱼白羊金牛双子巨蟹狮子处女天秤天蝎射手魔羯".substr((m+1)*2-(d<"102123444543".charAt(m)- -19)*2,2);
                }
                if(time == '' || time == undefined){
                    return '';
                } else {
                    var date = new Date(time);
                    var month = date.getMonth();
                    var day = date.getDate();
                    var starSign = getAstro(month,day);
                    return starSign;
                }
            },

该问题已被官方收录

服务其中nginx和node.js同时存在，怎么通过nginx访问路径

1

1

跨域 Ajax

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

时间选择器开始时间和结束时间之间相互限制关系问题

0

1

angular内置指令和方法

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//开始时间设置条件
    $scope.startDateOptions = {
        formatYear: 'yy',
        maxDate:$scope.dtEnd
    };
    
    //结束时间设置条件
    $scope.endDateOptions = {
        formatYear: 'yy',
        maxDate: new Date(), //最大时间不超过当天
        minDate: $scope.dtStart, //最小时间不超过开始时间
        startingDay: 1
    };
    //结束时间没有选时，自动给结束时间赋值为当天
    console.log("开始时间最大限制:"+$scope.startDateOptions.maxDate);
    if($scope.dtEnd==undefined){
        $scope.startDateOptions.maxDate = new Date();//结束时间为空时，最大开始时间设置为当前时间
    }
    console.log('开始时间最大限制:'+$scope.startDateOptions.maxDate);
    console.log('结束时间最大限制:'+$scope.endDateOptions.maxDate);
    console.log('结束时间最小限制:'+$scope.endDateOptions.minDate);
    $scope.$watch('dtStart', function (newValue, oldValue) {
        $scope.endDateOptions.minDate = newValue;
        //监视开始时间的变化
    });
    $scope.$watch('dtEnd', function (newValue, oldValue) {
        //监视结束时间的变化
        if($scope.dtEnd==undefined){
            $scope.startDateOptions.maxDate = new Date();//结束时间为空时，最大开始时间设置为当前时间
        }
        else{
            $scope.startDateOptions.maxDate = newValue;//选择结束时间，最大开始时间设为结束时间
        }
        console.log($scope.dtEnd);
    });

//清空按钮
    $scope.empty = function () {
        $state.go('backstage.list', { //发起清空请求，清空url上参数
            type: null,
            status: null,
            startAt: undefined,
            endAt: undefined,
            page: null
        });      
        $scope.styleName = undefined; //给类型值，状态值，开始和结束时间赋空值
        $scope.stateName = undefined;
        $scope.dtStart = undefined;
        $scope.dtEnd = undefined;

    };

该问题已被官方收录

怎么把传过来的数据放到data里

0

1

小程序语言基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  onLoad: function (options) {
    console.log(options.list)
    this.data.list = JSON.parse(options.list)
    console.log(this.data.list)
  },

该问题已被官方收录

在任务七页面布局时因为数据内容把框撑开，导致左右两边高度不一样

0

1

angular view angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

body{
    height: 100%;
    width: 100%;
    /*background-color: rgb(35, 42, 58);*/
}

去第页

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