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

如何将随机获取的三个数与小格子链接起来？

0

1

操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var box=document.getElementsByClassName("box")//获取九宫格DOM

//获取三个随机数
function boxnum() {
    var box = [0, 1, 2, 3, 4, 5, 6, 7, 8];//定义box数组
    var newbox = [];//定义新数组
    var runnam = 3;
    for (k = 0; k < runnam; k++) {
        var ran = Math.round(Math.random() * (box.length - 1));//获取1-8内的随机数并取整
        newbox.push(box[ran]);//将获取的数放入新数组
        box.splice(ran, 1);//删除原数组里的随机数
    }
    console.log(newbox);
    return newbox;
}

将数组中的数值删除。

0

1

数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

         for (i = 0; i < ki.length; i++) {
                if (ki[i] == q) {
                    ki.splice(i, 1);

                }
            }
            for (i = 0; i < hu.length; i++) {
                if (hu[i] == q) {
                    hu.splice(i, 1);
                }
                console.log(i)
            }

往后台发送接口只能用同步，不能用异步

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var input1Value,input2Value,sendText;
$(document).ready(function () {
    $("#submitMassege").click(function () {
        var input1Value = $("#input1").val();
        var input2Value = $("#input2").val();
        var sendText={
            "name":input1Value,
            "pwd":input2Value
        };
        $.ajax({
            url: "/carrots-admin-ajax/a/login",
            type:"POST",
            data: sendText,
            async: false,
            success:function (result) {
                var response=JSON.parse(result);
                if (response.code==0){
                    alert("1");
                    window.location.href = "http://dev.admin.carrots.ptteng.com/#/dashboard";
                }
                else if (response.code=="-5003") {
                    // alert("1");
                }
                else if (response.code=="-5004") {
                    // alert("2");
                }
            }
        });
    });
});

vue中自定义事件无法被捕获

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

closeCalendar() {
        this.$emit('closeCalendar');
      }

<calendar v-on:closeCalendar="isCalendarShow=false"></calendar>

xshell6 评估期已过解决办法

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

如何理解值传递与引用传递

0

1

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" />

	<style type="text/css">
		body {
			font-family: "Helvetica", "Arial", serif;
			color: #333;
			background-color: #ccc;
			margin: 1em 10%;
		}

		h1 {
			columns: #333;
			background-color: transparent;
		}

		a {
			color: #c60;
			background-color: transparent;
			font-weight: bold;
			text-decoration: none;
		}

		ul {
			padding: 0;
		}

		li {
			float: left;
			padding: 1em;
			list-style: none;
		}

		img {
			display: block;
			clear: both;
		}

		#imagegallery {
			list-style: none;
		}

		#imagegallery li {
			display: inline;
		}

		#imagegallery li a img {
			border: 0;
			width: 100px;
			height: 100px;
		}
	</style>
</head>

<body>
	<h1>Snapshots</h1>
	<ul id="imagegallery">
		<li>
			<a href="TestImages/53c73d41t6347a2a44ad5.jpg" title="A firewoks display">
				<img src="TestImages/53c73d41t6347a2a44ad5.jpg" alt="Fireworks">
			</a>
		</li>
		<li>
			<a href="TestImages/876591bf226b002640f252e0fecf0275.jpg" title="A cuo of black coffee">
				<img src="TestImages/876591bf226b002640f252e0fecf0275.jpg" alt="Coffee">
			</a>
		</li>
		<li>
			<a href="TestImages/Img262780588.jpg" title="A red, red rose">
				<img src="TestImages/Img262780588.jpg" alt="Rose">
			</a>
		</li>
		<li>
			<a href="TestImages/U2184P28T3D2092234F326DT20080708102538.jpg" title="The famous clock">
				<img src="TestImages/U2184P28T3D2092234F326DT20080708102538.jpg" alt="Big Ben">
			</a>
		</li>
	</ul>
	<img id="placeholder" src="TestImages/U2184P28T3D2092234F326DT20080708102538.jpg" alt="my image gallery">
	<p id="description">Choose an image.</p>
	<a href="http://www.example.com/" class="popup">Example</a>
	<script>


		function prepareGallery() {
			if (!document.getElementsByTagName) { return false }
			if (!document.getElementById) { return false }
			if (!document.getElementById("imagegallery")) { return false }
			var gallery = document.getElementById("imagegallery");
			var links = gallery.getElementsByTagName("a");
			for (var i = 0; i < links.length; i++) {
				links[i].onclick = function () {
					return showPic(this) ? false : true;
				}
			}
		}
		addLoadEvent(prepareGallery);
		function addLoadEvent(func) {
			var olaonload = window.onload;
			if (typeof window.onload != 'function') {
				window.onload = func;
			} else {
				window.onload = function () {
					olaonload();
					func();
				}
			}
		}

		function showPic(whichpic) {
			if (!document.getElementById("placeholder")) { return false }
			var source = whichpic.getAttribute("href");
			var placeholder = document.getElementById("placeholder");
			if (placeholder.nodeName != "IMG") { return false }
			placeholder.setAttribute("src", source);
			if (document.getElementById("description")) {
				var text = whichpic.getAttribute("title") ? whichpic.getAttribute("title") : "";
				var description = document.getElementById("description");
				if (description.firstChild.nodeType == 3) {
					description.firstChild.nodeValue = text;
				}
			}
			return true;
		}


		function popUp(winURL) {
			window.open(winURL, "popup", "width:320,height:480");
		}
		var links = document.getElementsByTagName("a");
		for (var i = 0; i < links.length; i++) {
			if (links[i].getAttribute("class") == "popup") {
				links[i].onclick = function () {
					popUp(this.getAttribute("href"));
					return false;
				}
			}
		}
		// function changeAgeAndReference(person) {
		// 	person.age = 25;
		// 	person = {
		// 		name: 'John',
		// 		age: 50
		// 	};

		// 	return person;
		// }
		// var personObj1 = {
		// 	name: 'Alex',
		// 	age: 30
		// };
		// var personObj2 = changeAgeAndReference(personObj1);
		// console.log(personObj1); // -> ?
		// console.log(personObj2); // -> ?
		var rotate = function (nums, k) {
			var len = nums.length;
			var newArr = nums.splice(0, len - k)
			var temp = nums.concat(newArr)
			nums = temp
			return nums;
		};
		var a = [1, 2, 3, 4, 5, 6, 7];
		rotate(a, 3);
		console.log(a);


		var a = [1, 2, 3, 4, 5, 6, 7];
		var len = a.length;
		var newArr = a;
		newArr = newArr.splice(0, len - 3);
		console.log(a);

		module.exports = {
			prepareGallery: prepareGallery
		}
	</script>
</body>

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

在做求学大作战的时候，后面的背景大图非常的大，有6MB，有什么办法可缩小图片大小

0

1

js基础

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

再angular中的复选框和单选框的全选功能经常是各种时间，搞得太麻烦了。

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

如何在增加人数使同步到角色安排

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function getrmb(number) {
    var num1 = document.getElementById('test').value; //获取第一个输入框的值
    getrmb = number;
    if (isNaN(num1)) { //如果为非数字，结果为空
        document.getElementById('sele').value = "";
    } else { //与第一个输入框相同
        document.getElementById('sele').value = num1;
    }
}

function number() {
    var number = document.getElementById("number");
    var value = number.value;
    //如果文本值为空,设置为1
    if (value=="") {
        number.value = 1;
    }
    //如果文本值为非纯数字,设置为1
    //isNaN()是否为非法数字
    if (isNaN(value)) {
        number.value = 1;
    }
    //如果文本值小于1,设置为1
    if (parseInt(value)<=1) {
        number.value = 1;
    }
}
function subtraction(){
    //获取-号按钮
    var subtraction = document.getElementById("subtraction");
    //获取文本框
    var number = document.getElementById("number");
    if (number.value<=1) {
        //如果文本框的值小于1,则设置值为1
        number.value = 1;
    }else {
        number.value = number.value - 1;
    }
function add(){
    var add = document.getElementsByClassName("add");
    var number = document.getElementById("number");
    //parseInt() 将数值型字符串转换为数值
    number.value = parseInt(number.value) + 1;
}

如何写一个for循环

1

控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for(  )