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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

九宫格一直点击开始按钮九宫格会停止闪烁，算是一个bug，怎么解决？

2

2

控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//从class：box中得到html中的对象
var list = document.getElementsByClassName('box');
//定义一个索引数组
var ArrList = [0,1,2,3,4,5,6,7,8,];
var k = 0;
//从一个给定的数组arr中随机返回num个不重复项
function getArrayItems(arr,num) {
    //新建一个数组，将传入的数组复制过来，用于运算，而不要直接操作传入的数组
    var temp_array = new Array();
    for(var index in arr) {
        temp_array.push(arr[index]);
    }

//取出的数值项，保存在此数组
var return_array = new Array();
for(var i = 0;i<num;i++) {
    //判断数组还有可以取出的元素，以防下标越界
    if(temp_array.length>0) {
        //在数组中产生一个随机索引
        var arrIndex = Math.floor(Math.random()*temp_array.length);
        //将此随机索引的对应的数组元素值复制出来
        return_array[i] = temp_array[arrIndex];
        //然后删掉此索引的数组元素，这时候temp_array变为新的数组
        temp_array.splice(arrIndex,1);
    }else{
        //数组中数据项取完后，退出循环，比如数组本来只有10项，但要求取出20项.
        break;
    }
}
    return return_array;
}

function randomColor() {
    //随机颜色
    return '#'+('00000'+ (Math.random()*0x1000000<<0).toString(16)).substr(-6);
}

function changeColor() //点击开始闪
{
    var num = 3;//需要闪动块的个数
    var temp_array = getArrayItems(ArrList,num);
    for(var i = 0;i<ArrList.length;i++) {
        for(var j = 0;j<num;j++) {
            if(temp_array[j] == i) {
                list[i].style.backgroundColor = randomColor();
                break;
            }else {
                list[i].style.backgroundColor = "orange";
            }
        }
    }
}
var start;//定义延时变量
function start_flash() {
    if(k == 0) {
    //延时函数，开始闪动
    window.clearInterval(start);//先清除延时，防止速度累加
    start = setInterval(changeColor,1000);
    k++;
     }
}
function end_flash() {
    k = 0;
    //停止闪动（使用延时变量清除延时）
    window.clearInterval(start);
    for(var i = 0;i<ArrList.length;i++) {
        list[i].style.backgroundColor = "orange";
    }
}

该问题已被官方收录

如何避免连续按按钮多次，格子越闪越快？

2

2

表达式和运算符变量操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

HTML
 <input name="button" type="button" onclick="start()" value="开始闪" />
JS
var w;
function start(){
    clearInterval(w);
    w=setInterval("color()",1000);
}

该问题已被官方收录

如何在九宫格里同时抓取三个格子？

2

2

操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无js代码

该问题已被官方收录

随机取颜色的两种方法

1

2

操作DOM 表达式和运算符变量

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function(){
    var arr =  [0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F];
    var new_arr = [] ;
    for(i = 0 ; i < 6;i++){
      z  =  Math.floor(Math.random()*16) ;
      new_arr.push(arr[z]);
 }
}

function getcolor() {
    var r = Math.floor(Math.random() * 256);
    var g = Math.floor(Math.random() * 256);
    var b = Math.floor(Math.random() * 256);
    return "rgb(" + r + "," + g + "," + b + ")";
}

该问题已被官方收录

任务一实现点击闪越点越快

2

2

控制流程语句函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

        function my() {
            for (let i = 0; i < 3; i++) {

                arr.push(Math.floor((Math.random() * 9)))
            };
            if (arr[0] != arr[1] && arr[0] != arr[2] && arr[1] != arr[2]) {
                return arr;
            } else {
                arr = [];
                my()
            }

        }

        function j() {
            for (let i = 0; i < 3; i++) {
                var color = Math.floor(Math.random() * 16777216).toString(16);
                if (color.length < 6) {
                    j()
                } else {
                    colors.push('#' + color)
                }

            };

该问题已被官方收录

如何理解洗牌算法

1

2

变量事件操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function upsetOrder(arrOld, num){
          var result = [], _length = num || arrOld.length, arr;
          arr = Object.assign([], arrOld);
          for (var i=0, len=arr.length; i<len; i++){
            result.push(arr.splice(Math.floor(Math.random()*arr.length), 1)[0]);
          }
          return result;
        }
        upsetOrder(a);
        var x = upsetOrder(a);

该问题已被官方收录

新增页面type为非行业大图的时候，底部上线和草稿按钮不可用。

3

2

angular model angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html
-------------------------------------------------------------------------------------------------------------------------------------------------------
    <form name="myForm" class="form-group">
        <div class="title row">{{add.titleA}}</div>
        <div class="includeTable row ">
            <div class="row">
                <span class="col-md-2 col-sm-2 col-xs-4">标题名称</span>
                <div class="col-md-8 col-sm-8 col-xs-12">
                    <input class="form-control" ng-model="add.title" type="text" required>
                </div>
            </div>
            <div class="row">
                <span class="col-md-2 col-sm-2 col-xs-4">类  型</span>
                <div class="col-md-3 col-sm-3 col-xs-12">
                    <select class="form-control"
                            ng-model="add.currentType"
                            ng-options="y.name for (x,y) in add.Types"
                            required>
                        <option value="">请选择</option>
                    </select>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-12">
                    <select class="form-control"
                            ng-show="add.currentType.type===3"
                            ng-model="add.industry"
                            required>
                        <!--ng-required="add.currentType.type===3"-->
                        <!--<option value="">请选择</option>-->
                        <option ng-repeat="(x,y) in add.Industry"
                                value="{{x}}"
                                ng-selected="add.industry == x">{{y}}</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <span class="col-md-2 col-xs-4">说  明</span>
                <div class="ueditor col-md-8 col-xs-12" ng-model="add.content" type="text"></div>
                <!--<script id="ueContainer" name="ueContainer" type="text/javascript"></script>-->
            </div>
            <div class="row">
                <span class="col-md-2 col-xs-4">跳转链接</span>
                <div class="col-md-8 col-xs-12">
                    <input id="myEditor" class="form-control" ng-model="add.url" type="text" required>
                </div>
            </div>
            <up-load img="add.img"></up-load>
            <div class="row newThree">
                <div class="col-md-8 col-xs-12 col-md-offset-2">
                    <button class="btn btn-success"
                            ng-click="add.online()"
                            ng-disabled="myForm.$invalid||add.img===undefined">立即上线</button>
                    <button class="btn btn-success"
                            ng-click="add.sketch()"
                            ng-disabled="myForm.$invalid||add.img===undefined">存为草稿</button>
                    <button class="btn btn-default pull-right" ng-click="add.cancel()">取消</button>
                </div>
            </div>
        </div>
    </form>

该问题已被官方收录

任务三最后一个法官页面，怎么生成并展示所有身份。

3

2

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>开始游戏</title>
    <link rel="stylesheet" href="../scss/js3-1.css">
</head>

<body>
    <header>
        <a href="#" class="back" id="backhome"></a>
        <span class="font">法官日志</span>
        <div class="close" id="off"></div>
    </header>
    <main>
        <div class="player">
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>

        </div>
    </main>
    <footer>
        <button>开始游戏</button>
    </footer>


    <script type="text/javascript" src="../js/js3-1.js"></script>
</body>

</html>

该问题已被官方收录

随机颜色有时候渲染不到第三个盒子？有时候只会出现两个盒子的有颜色？

1

2

操作DOM 事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(function () {
    //获取所有九宫格节点
    var nodes = $('.item');
    //设置数组，获取其中3个节点，这个函数的作用是放入数组取得相应的节点
    function getRandomArrayElements(arr, count) {//count就是取得节点的数值，我们这个任务取3
        var shuffled = arr.slice(0),//复制数组
            length = arr.length,    //获得数组长度
            min = length - count,   //获取数组剩余项
            temp, index;       
        while (length-- > min) {     //进行循环
            index = ~~((length + 1) * Math.random()); //获取整数
            temp = shuffled[index];        //获取随机数组项，存入变量temp中  
            shuffled[index] = shuffled[length]; //把数组最后一项赋值给随机项
            shuffled[length] = temp;           //数组最后一项存入temp值
        }
        return shuffled.slice(min);       //完成循环，截取最后的随机项
    }
       var interval;
    //获取随机颜色
    function bgcolors() {
        return '#' + Math.floor(Math.random() * 0xffffff).toString(16);
    }
    //开始按钮点击触发事件
    $('#startBtn').on('click', function () {
        
        if(interval){
            clearInterval(interval);
        }//如果定时器存在，清除定时器，放置点击一次按钮，出现多个interval函数
        interval = setInterval(function () { //建立interval循环函数，每1s触发一次
            nodes.css('background', '#FFF');
            var nodearr = getRandomArrayElements(nodes, 3);//获取3个随机dom节点
            for (var i = 0; i < 3; i++) {
                var bgcolor = bgcolors(); //获取随机颜色
                nodearr[i].style.background = bgcolor;
            }
        }, 1000);
    });
    //结束按钮，先清除定时器
    $('#endBtn').on('click',function(){
        clearInterval(interval);
        nodes.css('background', '#FFA500');
    })

关于this的指向问题

0

2

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

　　var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());


var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());

去第页

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