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

如何在angular模态框中创建关闭按钮

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如图

九宫格颜色不能正常显示

1

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

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var t;

function start() {
    var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8];
    for (i = 0; i < 3; i++) {
        var a = Math.floor(Math.random() * arr.length);
        var b = Math.floor(Math.random() * arr.length);
        var c = Math.floor(Math.random() * arr.length);
        if (a !== b && a !== c && b !== c) {
            break;
        }
    }

    var square = document.getElementsByClassName("square");
    for (j = 0; j < square.length; j++) {
        square[j].style.background = "orange";
    }

    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 + ')";
    }

    square[a].style.background=color();
    square[b].style.background=color();
    square[c].style.background=color();


    t = setTimeout("start()", 500);

}



function stop() {
    console.log(t)
    clearInterval(t);
    var square = document.getElementsByClassName("square");
    for (h = 0; h <square.length; h++) {
        square[h].style.background = "orange";
    }

}

面向对象

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<html>

<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"
		integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
	<style type="text/css">

	</style>
</head>

<body>
	<p title="qqqWWWSS">this a test</p>
	<script>
		var paras = document.getElementsByTagName("p");
		for (var i = 0; i < paras.length; i++) {
			var title_test = paras[0].getAttribute("title");
			if (title_test != null) {
				alert(title_test);
			}
		}
	</script>

	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"
		integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
		crossorigin="anonymous"></script>
	<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"
		integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
		crossorigin="anonymous"></script>
	<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"
		integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
		crossorigin="anonymous"></script>
</body>

</html>
<!-- test vs code git git git -->

怎么实现九宫格随机颜色。

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var list = document.getElementsByClassName('dump');
function begin() {
    var one = Math.floor(Math.random()*list.length);
    var two = Math.floor(Math.random()*list.length);
    var three = Math.floor(Math.random()*list.length);
    if(one!=two&&one!=three&&two!=three){
        orange();
        list[one].style.backgroundColor = 'rgb'+ colors();
        list[two].style.backgroundColor = 'rgb'+ colors();
        list[three].style.backgroundColor = 'rgb'+ colors();
    }
    else {
        begin()
    }
}
function colors() {
    var rgb;
    var r = Math.floor(Math.random()*265);
    var g = Math.floor(Math.random()*265);
    var b = Math.floor(Math.random()*265);
    rgb = '('+r+','+g+','+b+')';
    return rgb;
}
var int;
document.getElementById('start').onclick = function () {
var list = document.getElementsByClassName('dump');
function begin() {
    var one = Math.floor(Math.random()*list.length);
    var two = Math.floor(Math.random()*list.length);
    var three = Math.floor(Math.random()*list.length);
    if(one!=two&&one!=three&&two!=three){
        orange();
        list[one].style.backgroundColor = 'rgb'+ colors();
        list[two].style.backgroundColor = 'rgb'+ colors();
        list[three].style.backgroundColor = 'rgb'+ colors();
    }
    else {
        begin()
    }
}
function colors() {
    var rgb;
    var r = Math.floor(Math.random()*265);
    var g = Math.floor(Math.random()*265);
    var b = Math.floor(Math.random()*265);
    rgb = '('+r+','+g+','+b+')';
    return rgb;
}
var int;
document.getElementsByClassName('start').onclick = function () {
    clearInterval(int);//停止定时器
    int=self.setInterval("begin()",1000)
}


var orange= function(){
    for (let i=0; i<list.length ;i++){
        list[i].style.background="#ffa600";
    }
};
document.getElementById('stop').onclick = function () {
    orange();
    clearInterval(int);//停止定时器
};

要怎么设置才能让九宫格变色后恢复原样？

0

1

操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

   clearInterval(startButton);

    startButton = setInterval("changeColor()", 1000);

    document.getElementsByTagName("button")[0].disabled=true;

数组中有哪些增删改查技巧

0

1

数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

数组的增加

 

ary.push()   向数组末尾添加元素，返回的是添加后新数组的长度，原有数组改变
ary.unshift()  向数组开头添加元素，返回的是添加后新数组的长度，原有数组改变
 var ary=[1,2,3,4];
   var res=ary.unshift(6);
   console.log(res); ---->5   返回的是新数组的长度
ary.splice(n,m,x)从索引n开始删除m个元素，把新增的元素X放在索引n的前面，把删除的元素当成一个新数组返回，原有数组改变。
ary.splice(n,0,x)从索引n开始删除0个元素，把新增加的元素x放在索引n的前面，返回的是一个空数组，原有数组改变。
ary.splice(n,m)从索引n开始删除m个元素，把删除的内容当做新数组返回，原有数组改变
splice(0,0,x)----->unshift
 

数组的删除

ary.pop() 删除数组的最后一项，返回的是删除的那一项，原有数组改变
ary.shift() 删除数组的的第一项，返回的是删除的那一项，原有数组改变
var ary=[5,8,3,4,6];
var res=ary.shift();
console.dir(res);---->5 返回数组第一项
删除数组最后一项的内容 ary.splice(ary.length-1,1)  //ary.length-1 数组最后一项的内容         ary.length-=1     ary.length--
    var ary=[5,8,3,4,6];
//     ary.splice(ary.length-1,1);
//     ary.length-=1;
      console.dir(ary);---->输出的是[5,8,3,4]
数组的查询和复制

slice(n,m)从索引n开始，找到索引m处，把找到的内容作为新的数组返回，原有数组不改变        
slice(n-1,m)把数组的第n项到第m项提取出来
slice(n) 从索引n开始查找到数组末尾
slice(0) slice() 将原有数组复制一份 属于数组克隆  
concat() 也可以实现数组克隆   
concat的本意是实现数组的拼接 ary.concat(ary2) 把两个数组进行拼接
数组转化为字符串

tostring把数组的每一项拿出来用逗号隔开，原有数组不变
join("+")把数组的每一项拿出来用指定分隔符隔开
数组求和
var ary=[5,8,3,4,6];
var str=ary.join("+");
var total=eval(str);
console.dir(total);  //将指定字符串变成真正的表达式执行
 var ary=[5,8,3,4,6];
      var total=0;
     for(var i=0;i<ary.length;i++){
         total+=ary[i];
     }
     console.dir(total);  
数组的排列和排序

reverse() 把数组倒过来排序，原有数组改变
sort 可以实现由大到小或者由小到大的排序 但是直接写sort只能排序十以内的数字  ary.sort(function(a,b){return (a-b);})
一些常用的方法 但是不兼容

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
foreach
map

angularjs1 module命名以及调用问题。

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

myApp.controller("artListCtrl",function ($scope,$http) {
angular.module('myApp').controller("artListCtrl",function ($scope,$http) {

如何取到数组前几位的值?

1

操作DOM 数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

success: function (res) {
					let resd = res.data.data;
					console.log(resd.review.list);
					let lists = resd.review.list;
					console.log(lists.slice(0, 2));
					let xinlist = lists.slice(0, 2);

					that.setData({
						total: resd.review.total,
						total_percent: resd.review.total_percent,
						list: resd.review.list,
						xinlist: xinlist
					})

放在页面的js复制到js文件就不生效了

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

/* 获取所有div */
var timer2 = null;
var myNodelist = document.querySelectorAll("div");
var btn = document.querySelectorAll("button");
/* 随机颜色的函数 */
function color() {
    return "#" + ("00000" + ((Math.random() * 16777215 + 0.5) >> 0).toString(16)).slice(-6)
}
/* 变色函数 */
function Time() {
    var randomArray = []; //声明一个数组
    for (var i = 0; i < myNodelist.length; i++) {
        myNodelist[i].style.background = "orange";
    } // 重置每个div的颜色为
    for (var i = 0; i < 3; i++) {
        var randomLoc = Math.floor(Math.random() * (myNodelist.length));
        if (randomArray.indexOf(randomLoc) < 0) {
            randomArray.push(randomLoc);
        } else {
            i--;
        }
    } //  给数组取三个不重复的数字
    myNodelist[randomArray[0]].style.background = color();
    myNodelist[randomArray[1]].style.background = color();
    myNodelist[randomArray[2]].style.background = color();

}

function start() {
    if (start.className == "") {
        start.className = "orange"
        clearInterval(timer2);
        timer2 = setInterval("Time()", 1000);
    }
}

function stop() {
    clearInterval(timer2);
    start.className = "";
    for (var i = 0; i < myNodelist.length; i++) {
        myNodelist[i].style.background = "orange";
    }

}

任务1再次点击开始按钮报错

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="TaskOne.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 onclick="start()">开始闪</button>
    <button onclick="stop()">结束闪</button>

    <script>
        var backgroundColor = new Array;//随机数
        var randomNumber = new Array;//随机颜色
        var box = document.getElementsByClassName("box");
        //开始
        var time;
        function start() {
            //清除定时器
            // clearInterval(time);
           setInterval("showPic()",1000);
            // document.getElementsByTagName("button")[0].disabled = true;
        }
        function showPic() {
            for (var i = 0; i < 9; i++) {
                box[i].style.backgroundColor = "rgb(255,166,0)";
            } 
            makeColor();
            for (var i = 0; i < 3; i++) {
                box[randomNumber[i]].style.backgroundColor = backgroundColor[i];
            }
        }
        function makeColor() {
            var Numbers = new Array;//随机颜色
            var Colors = new Array;
            for (var i = 0; i >= 0; i++) {
                for (var i = 0; i < 3; i++) {
                    var a = Math.round(Math.random() * 255);
                    var b = Math.round(Math.random() * 255);
                    var c = Math.round(Math.random() * 255);
                    var color = "rgb(" + a + "," + b + "," + c + ")";
                    Colors.push(color);
                }
                if (Colors[0] != Colors[1] && Colors[1] != Colors[2] && Colors[2] != Colors[0]) {
                    backgroundColor = Colors;
                    break;
                } else {
                    Colors = [];
                }
            }
            console.log(backgroundColor);
            for (var i = 0; i >= 0; i++) {
                for (var i = 0; i < 3; i++) {
                    var Number = Math.round(Math.random() * 8);
                    Numbers.push(Number);
                }
                if (Numbers[0] != Numbers[1] && Numbers[1] != Numbers[2] && Numbers[2] != Numbers[0]) {
                    randomNumber = Numbers;
                    break;
                } else {
                    Numbers = [];  
                }

            }
            console.log(randomNumber);
        }
    </script>

</html>