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

$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();

该问题已被官方收录

获取三个不会重复的背景颜色

1

1

控制流程语句 js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 //获取rgb的随机颜色
        function color(){
            var rgb;
             r = Math.floor(Math.random()*256);
             g = Math.floor(Math.random()*256);
             b = Math.floor(Math.random()*256);
            rgb ="rgb("+r+","+g+","+b+")"
            console.log(rgb);
            return rgb;
        }
        //获取三个随机盒子
        function box(){
             //当第一个盒子和第二个盒子相同的时候，或者第……，会重新获取三个盒子
             while(first == second || second == third || first==third){
                var first = Math.floor(Math.random()*9);
                var second =  Math.floor(Math.random()*9);
                var third =  Math.floor(Math.random()*9);
                console.log(first,second,third);
            }
            //给随机的三个盒子赋值上随机背景颜色rgb
            itme[first].style.backgroundColor = color()
            itme[second].style.backgroundColor = color()
            itme[third].style.backgroundColor = color()
        }

该问题已被官方收录

怎么使用angular的过滤得到接口中的数据？

0

1

angular view angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

myApp.filter('let',function (type){
    return function(index){
        console.log(index);
    return type[index]
    }
})
myApp.filter('category',function(type1){
    return function(index){
        return type1[index]
    }
})

该问题已被官方收录

如何设定不能多次点击设置？

2

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//跳转到玩家配比页面
function player() {
    window.location.href="../html/player-ratio.html";
}

var inputNumber = document.getElementById("input-num");
var rangeNumber = document.getElementById("range-num");

//玩家人数输入框与滚动条同步
function getName() {
    if(inputNumber.value >= 4&&inputNumber.value<=18) {
        rangeNumber.value = inputNumber.value;
    }
    else if(inputNumber.value < 4) {
        inputNumber.value = 4;
        alert("玩家人数过少");
    }else {
        inputNumber.value = 18;
        alert("玩家人数过多");
    }
}
//滚动条改变玩家人数
function change() {
    inputNumber.value = rangeNumber.value;
}
//减号按钮与滚动条同步
function left_btn() {
    rangeNumber.value--;
    if(inputNumber.value<=4) {
        alert("人数不足，叫上你的小伙伴一起来玩吧！");
    }
    else {
        inputNumber.value=rangeNumber.value;
    }
}
//加号按钮与滚动条同步
function right_btn() {
    rangeNumber.value++;
    if(inputNumber.value>=18) {
        alert("哎呀！人数过多,请分组玩吧!")
    }
    else {
        inputNumber.value=rangeNumber.value;
    }
}
//生成div内的玩家数
function addPlayer() {
    var ratioAll = document.getElementById("ratio");
    var kill = document.getElementsByClassName("killerCss");
    var citizen = document.getElementsByClassName("peopleCss");
    for(var y = 0; y < kill.length; x++) {
        ratioAll.removeChild(kill[y]);
    }
    for(var y = 0; y < citizen.length; x++) {
        ratioAll.removeChild(citizen[y]);
    }
    var x = inputNumber.value;
    var people;
    var killer;   
    if(x >= 4 && x <=5) {
        killer = 1;
        people = x - 1;
    }else if(x >=6 && x <= 8) {
        killer = 2;
        people = x -2;
    }else if(x >= 9 && x <= 11) {
        killer = 3;
        people = x -3;
    }else if(x >=12 && x <=15) {
        killer = 4;
        people =x - 4;
    }else {
        killer = 5;
        people = x - 5;
    } 
   
    var allArr = [];
    for(var y = 0; y < killer; y++) {
        // allArr.push(0);
        allArr.push("杀手");
    }
    
    for(var y = 0; y < people; y++) {
        // allArr.push(2);
        allArr.push("平民"); 
    }
    console.log(allArr)
   
      
    for(var y = 0; y < allArr.length; y++) {
        if(allArr[y] == "杀手") {
        var para = document.createElement("span");
        para.classList.add("killerCss");  
        para.innerHTML = "杀    手  1  人"
        var element = document.getElementById("ratio");
        element.appendChild(para); 
    
        }else {
        var para = document.createElement("span");
        para.classList.add("peopleCss");      
        para.innerHTML = "平    民  1  人"
        var element = document.getElementById("ratio");
        element.appendChild(para);
        }
    }
}

该问题已被官方收录

现在前台需要批量上传，且上传的东西需要把id匹配起来

0

1

小程序语言基础小程序界面构建

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 // wx.uploadFile({
    //   url: "http://47.93.51.5:8080/username/uploadfile",
    //   filePath: map,
    //   name: 'files',
    //   method: 'POST',
    //   header: {
    //     'content-type': 'multipart/form-data'
    //   },
    //   success: function(res) {
    //     var data = res.data;
    //     console.log(res.data)
    //   },
    //   fail: function(res) {
    //     console.log(res);
    //     wx.showModal({
    //       title: '提示',
    //       content: "网络请求失败，请确保网络是否正常",
    //       showCancel: false,
    //       success: function(res) {
    //       }
    //     });
    //     wx.hideToast();
    //   }
    // })

该问题已被官方收录

风琴页面在页面初始化状态时，会异常打开

0

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html代码：
  <div class="panel panel-default">
        <div class="panel-heading">
            <div class="panel-title">
                <a href="#panel1" class="panel-toggle" data-toggle="collapse" data-parent="#accordion">
                    信息管理
                </a>
            </div>
        </div>
        <div id="panel1" class="panel-collapse collapse in">
            <div class="panel-body">
                <span style="width: 100px" ui-sref="pageTab.page1">
                    <a href="">公司列表</a>
                </span>
            </div>
            <div class="panel-body">
                <span style="width: 100px" ui-sref="pageTab.page2">
                    <a href="">职位列表</a>
                </span>
            </div>

        </div>

    </div>


js代码：
$(".panel-body").hide();
$('.collapse').collapse({
    toggle: true,
    parent: '#accordion'
})
$('.panel-heading').on('click', function () {
    var self = this;
    $(self).nextAll().eq(0).collapse("show");
    
})

该问题已被官方收录

关于杀人游戏的逻辑问题

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//获取玩家数组
var playersArray = JSON.parse(sessionStorage.getItem("playersArray"));
console.log(playersArray);
//获取玩家数量
var players = sessionStorage.getItem("players");
//提取存活的平民
var civilian = sessionStorage.getItem("civilian");
console.log(civilian);
//选择的玩家
var choosePlayer;
//获取克隆的节点
var sourceNode = document.getElementById('players1');
//提取死掉的玩家号码数组
if (sessionStorage.getItem("dieNumber")) {
    var dieNumber = JSON.parse(sessionStorage.getItem("dieNumber"));
} else {
    var dieNumber = [];
}    
console.log(dieNumber);
//提取死亡数组
if (sessionStorage.getItem("killDead")) {
    var killDead = JSON.parse(sessionStorage.getItem("killDead"));
} else {
    var killDead = [];
}
window.onload = function () {
    //console.log(sourceNode);
    //获取玩家名字节点
    var name = document.getElementsByClassName("name");
    //获取玩家数字节点
    var number = document.getElementsByClassName('number');
    var a = 0;
    var q = document.getElementsByClassName("player"); //获取游戏盒子节点
    // console.log(playersArray.length);
    for (let i = 2; i < playersArray.length + 1; i++) {
        var cloneNode = sourceNode.cloneNode(true);
        cloneNode.setAttribute("id", "players" + i); // 修改一下id 值，避免id 重复 
        sourceNode.parentNode.appendChild(cloneNode);
    }
    for (let i = 0; i < playersArray.length; i++) {
        if (playersArray[a] == 0) {
            name[i].innerHTML = "平民";
            a++;
        } else if (playersArray[a] == 1) { //判断杀手修改玩家名字
            name[i].innerHTML = "杀手";
            a++;
        }
        number[i].innerHTML = i + 1 + "号"; //修改玩家号码
        q[i].index = i; //这里index相当于形参
        q[i].onclick = function () { //玩家盒子点击事件
            for (let i = 0; i < q.length; i++) {
                q[i].getElementsByTagName("i")[0].style.display = "none"; //每次点击时所有的匕首隐藏
            }
            choosePlayer = q[i].index; //获取被选择的玩家
            console.log(choosePlayer);
            q[i].getElementsByTagName("i")[0].style.display = "inline-block"; //被点击的盒子显示匕首
            // console.log(q[i]);
        }
    }
    for (var i = 0; i < dieNumber.length; i++) {
        name[dieNumber[i] - 1].style.background = "red";
    }
    //获取确定按钮的节点
    var button = document.getElementsByTagName("button")[0];
    button.onclick = function () {
        if (choosePlayer == undefined) {
            alert("请选择要杀死的平民");
        }else if(name[choosePlayer].style.background == "red"){
            alert("不能杀已死亡的玩家");
        } else if (playersArray[choosePlayer] == 1) {
            alert("杀手不能杀死自己");
        } else {
            // //被杀死的平民定义死亡
            // playerLife[choosePlayer] = "死亡";
            //存储存活平民的数量
            civilian = civilian - 1;
            sessionStorage.setItem("civilian", civilian);
            //存储被杀死的平民信息
            var temp = (choosePlayer + 1) + "号被杀死,真实身份是平民";
            killDead.push(temp);
            sessionStorage.setItem("killDead", JSON.stringify(killDead));
            //存储被杀的平民号码
            dieNumber.push(choosePlayer + 1);
            sessionStorage.setItem("dieNumber", JSON.stringify(dieNumber));
            //记录步骤数
            var step = 1;
            sessionStorage.setItem("step", step);
            //跳转法官台本
            location.href = ('./../法官台本/法官台本.html');
        }
    }
}
var close = document.getElementsByTagName("div")[0];
close.onclick = function () {
    if (confirm("确定退出游戏么？")) {
        sessionStorage.clear();
        location.href = ("./../捉鬼猜词/捉鬼猜词.html");
    }
}

该问题已被官方收录

怎么在使用angular 时间插件，

1

1

angular内置指令和方法

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

angular.module("directives",[]).directive("datetimepicker",function(){
  return {
    restrict: "EA",  //指令作用范围是element或attribute
    require : "ngModel", //控制器是指令标签对应的ngModel
    link: function (scope, element, attrs, ctrl) {
 
      var unregister = scope.$watch(function(){        //关键点，下面详述
 
        $(element).append("<input id='date-"+attrs.dateid+"' style='border:none;width:100%' value='"+ctrl.$modelValue+"'>");
 //template用不好，于是用这个笨办法加上input标签
 
        element.on('change', function() { //注册onChange事件，设置viewValue
          scope.$apply(function() {
            ctrl.$setViewValue($("#date-"+attrs.dateid).val());
          });
        });
 
        element.on('click',function(){  //click触发日期框
          $("#date-"+attrs.dateid).datetimepicker({ 
            format : attrs.format || 'Y/m/d h:i',  //格式
            onClose : function(){          //关闭日期框时手动触发change事件
              element.change();
            }
          });
        });
 
        element.click();    //第一次绑定事件，模拟一次click，否则肯能要点两下才会出日期框
 
        return ctrl.$modelValue;
      }, initialize);
 
      function initialize(value){ //下面再说
        ctrl.$setViewValue(value);
        unregister();
      }
    }
  }
});

该问题已被官方收录

如何用angular，实现多个checkbox选择

0

1

angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var app = angular.module('app', []);
app.controller('MainCtrl',function($scope,$http,$timeout) {
        $scope.tesarry=[1,2,3,4,5];//初始化数据
        $scope.choseArr=[];//定义数组用于存放前端显示
        var str="";//
                var len= $scope.tesarry.length;//初始化数据長度
        var flag='';//是否点击了全选，是为a
        $scope.x=false;//默认未选中
                
        $scope.all= function (c,v) {//全选
            if(c==true){
                $scope.x=true;
                $scope.choseArr = angular.copy(v);
                                 flag='a';
            }else{
                $scope.x=false;
                $scope.choseArr=[];
                                flag='b';
            }

           

        };
        $scope.chk= function (z,x) {//单选或者多选
                            
                    
            
            if (x == true) {//选中
               $scope.choseArr.push(z)
                                flag='c'
                                    if($scope.choseArr.length==len){
                                        $scope.master=true
                                    }
            } else {
        
                        
                $scope.choseArr.splice($scope.choseArr.indexOf(z),1);//取消选中
            }

            
                        if($scope.choseArr.length==0){
                            $scope.master=false
                        };
                    

        };
        $scope.delete= function () {// 操作CURD

            if($scope.choseArr[0]==""||$scope.choseArr.length==0){//没有选择一个的时候提示
                alert("请至少选中一条数据在操作！")
                return;
            };

            for(var i=0;i<$scope.choseArr.length;i++){
                alert($scope.choseArr[i]);
                            
                console.log($scope.choseArr[i]);//遍历选中的id
            }



        };//delete end

       

    }
);

该问题已被官方收录

如何新一天生成，前面天数无法再点击生效，点击则弹窗？

0

1

事件本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$("main").on("click", "p", function (event) { //事件委托
        var target = event.target;
        if (target.className === "days") { //点击天数步骤上下滑动
            $(this).next().slideToggle(200)
        };
        if (target.className === "color kill") { //点击杀死杀人步骤
            fsm.killStep();
        };
        if (target.className === "color death") { //点击亡灵步骤
            fsm.deathStep();
        };
        if (target.className === "color talk") { //点击发言步骤
            fsm.talkStep();
        };
        if (target.className === "color vote") { //点击投票步骤
            fsm.voteStep();
        };
    });

去第页

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