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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

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

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()
        }

该问题已被官方收录

我写了6种随机颜色的方法怎么比较各种随机颜色的性能？

0

1

变量操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如何才能判断一下六种随机颜色代码的性能？

该问题已被官方收录

1

1

变量事件函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prompt</title>
  <script type="text/javascript">
  function rec(){
	var score; //score变量，用来存储用户输入的成绩值。
	score = prompt("输入你的成绩");
	if(score>=90)
	{
	   document.write("大佬，惹不起!");
	}
	else if(score>=75)
    {
	   document.write("哎呦，不错吆!");
	}
	else if(score>=60)
    {
	   document.write("60分万岁!");
    }
    else if(score>=0)
	{
       document.write("你个渣渣!");
	}
	else if(score===null)
	{
	    document.write("坦白从宽!")
	}
  }
  </script>
</head>
<body>
    <input name="button" type="button" onClick="rec()" value="点击我，对成绩做评价!" />
</body>
</html>

该问题已被官方收录

如何控制button在点击后禁用，无法重复点击

1

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

js代码
//获取事件源
var sudoku = document.getElementsByClassName("box");
//获取颜色
function color() {
    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+")";
    return `rgb(${r},${g},${b})`; //所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换
}
//获取随机格子
function getRandom() {
    var list = Array.from(sudoku); //将集合转化为数组
    var result = [];
    for (var i = 0; i < 3; i++) {
        var x = Math.floor(Math.random() * list.length);
        result.push(list.splice(x, 1)[0]); //将随机选择的对象删除，且返回添加给空数组
    }
    return result;
}
//改变颜色
function changeColor() {
    //重置颜色
    for (var i = 0; i < sudoku.length; i++) {
        sudoku[i].style.backgroundColor = "orange";
    }
    var result = getRandom();
    for (var i = 0; i < result.length; i++) {
        result[i].style.backgroundColor = color();
    }
}


//声明变量作为定时器开关。
var startButton;
//开始
function start() {
    //重置定时器
    clearInterval(startButton);
    startButton = setInterval("changeColor()", 1000);
}
//停止
function stop() {
    for (var i = 0; i < sudoku.length; i++) {
        sudoku[i].style.background = "orange";
    }
    clearInterval(startButton);
}
css代码
.html{
    font-size: 312.5%;
}

body {
    margin: 0;
}

.box {
    float: left;
    margin: 1%;
    border-radius: 10%;
    padding-left: 31.33%;
    padding-bottom: 31.33%;
    background-color: orange;
}

button {
    width: 100%;
    padding: 5% 0;
    margin-bottom: .5rem;
    border: 1px solid orange;
    border-radius: .5rem;
    font-size: 1rem;
    outline-style: none;
    color: orange;
    background: white;
}

button:hover {
    color: white;
    background: orange;
}

html代码
<!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" type="text/css" href="task1.css"></link>
</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 onclick="start()">开始闪</button>
    <button onclick="stop()">结束闪</button>
    <script type="text/javascript" src="task1.js"></script>
</body>

</html>

该问题已被官方收录

怎么使用定时或延迟执行函数呢？

1

1

操作DOM 事件控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.

该问题已被官方收录

js开启严格模式下疯狂报错

1

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.controller('BackCtrl', function ($scope, $location, $http, $state) {
    "use strict"

    //后台页面控制器

    //菜单
    $scope.menus = [{
            title: '信息管理',
            lists: [{
                    content: '公司列表',
                    url: 'backstage.company'
                },
                {
                    content: '职位列表',
                    url: 'backstage.post'
                },
            ],
            open: false,
            sref: ''
        },
        {
            title: '内容管理',
            lists: [{
                content: 'Article管理',
                url: 'backstage.list'
            }, ],
            open: false,
            sref: ''
        },
        {
            title: '后台管理',
            lists: [{
                    content: '账号管理',
                    url: 'backstage.account'
                },
                {
                    content: '角色管理',
                    url: 'backstage.role'
                },
                {
                    content: '修改管理',
                    url: 'backstage.revision'
                },
                {
                    content: '模块管理',
                    url: 'backstage.module'
                },
            ],
            open: false,
            sref: ''
        },
    ]
    //验证是否登录，未登录禁止访问
    let logined = JSON.parse(sessionStorage.getItem('logined'));
    if (logined !== 0) {
        alert('账号未登录');
        $state.go('login');
    }
    //注销登录
    $scope.logout = function () {
        $http({
            method: 'post',
            url: '/carrots-admin-ajax/a/logout',
            header: {
                'Content-Type': 'application/x-www-form-urlencoded'
            }
        }).then(function (res) {
            console.log(res)
            if (res.data.code === 0) {
                $state.go('login');
                sessionStorage.clear();
            }
        })
    }

    // 子菜单状态保存
    // let currentUrl = $location.path(); //获取当前路由
    // currentUrl = currentUrl.replace(/\//g, '.'); //正则替换掉斜杠
    // currentUrl = currentUrl.slice(1) //删除最前面的斜杠
    // $scope.currentUrl = currentUrl;
    //风琴菜单状态保存
    
    $scope.navtitle = function (index) {
        console.log(index);
        console.log(!$scope.menus[index].open);
        sessionStorage.setItem("session", index)
        sessionStorage.setItem("index0",  !$scope.menus[index].open)
    }
    if (window.sessionStorage.getItem("session") !== null) {
        session = parseInt(window.sessionStorage.getItem("session"))
        index0 = window.sessionStorage.getItem("index0")
        console.log(index0);
        console.log(session);
        $scope.menus[session].open = index0
    }
    //侧边栏高亮
    $scope.aaa = function (x, y) {
        console.log(x, y)
        for (let r = 0; r < $scope.menus.length; r++) {
            for (let i = 0; i < $scope.menus[r].lists.length; i++) {
                $scope.menus[r].lists[i].isOrgancheck = false;
            }
        }
        $scope.menus[x].lists[y].isOrgancheck = true;
        sessionStorage.setItem("sessionx", x)
        sessionStorage.setItem("sessiony", y)
    }
    sessionx = window.sessionStorage.getItem("sessionx")
    sessiony = window.sessionStorage.getItem("sessiony")
    if (sessionx !== null && sessiony !== null) {
        $scope.menus[sessionx].lists[sessiony].isOrgancheck = true;
    }
}

该问题已被官方收录

如何随机取得小格子中的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

操作DOM 事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 var arr=new Array(3);
    var arr1=new Array(3);
    for(var i=0;i<arr.length;i++) {
        var a= parseInt(Nath.random()*9);
        console.log(a);
        if (i==0) {
            arr[i] = a;
        } else {
            for (var j = 0; j < i; j++) {
                if (a == arr[j]) {
                    i--
                }
                else {
                    arr[i] = a;
                }
            }
        }
    }

该问题已被官方收录

找出三个不同的随机数

0

1

操作DOM 函数变量数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for(var i=0;i<3;i++){
                    arr[i]=oSpan[Math.ceil(Math.random()*8)];
                }

该问题已被官方收录

为什么null>=0是true

1

1

数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

null>=0;
true

去第页

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