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

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

import { ProductService } from './../Server/product.service';
import { Component, OnInit ,NgModule} from '@angular/core';
import{ FormGroup,FormControl,FormGroupName,FormsModule,ReactiveFormsModule, FormBuilder}  from "@angular/forms";

@Component({
  selector: 'app-search',
  templateUrl: './search.component.html',
  styleUrls: ['./search.component.scss']
})
@NgModule({
  imports: [
       Component,
      FormsModule,
      ReactiveFormsModule
         ],})
export class SearchComponent implements OnInit {
  
  formModel:FormGroup =new FormGroup({  
  dateRange:new FormGroup({
    from:new FormControl(),
    to:new FormControl,
  }
    
  )
 });
     cateories:string[];
  constructor(private productService:ProductService) { 
      let fb =new FormBuilder;
      this.formModel = fb.group({
        category:["-1" ]
      })
    }
    ngOnInit() {
      this.cateories = this.productService.getAllCategories();
    }
  onSubmit(){
    console.log(this.formModel.value);
  }
}

该问题已被官方收录

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

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

该问题已被官方收录

如何获取三个随机格子

0

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

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var payPerson=JSON.parse(sessionStorage.getItem('payPerson'));
var statusing=sessionStorage.getItem('statusing');

console.log(statusing);
//状态
function step(type) {
    switch (type) {
      //情况一kill
      case "kill":
        if (statusing == "kill") {
           //转移状态
           statusing = "vote";
          //背景颜色  
           index=0;
          sessionStorage.index=index;
         
          //记录状态
          sessionStorage.statusing = statusing;
          location.href = "../js2/js2-kill.html";
          console.log('正在进行模式'+statusing);
          
          //改变颜色
          sessionStorage.background='#83b09a';
          //改变点击框颜色
          $('.step').eq(0).css('background-color',background);
          $('.triangleLeft').eq(0).css('color',background);
          
        }else{
          alert('请按顺序执行')
         
        }
        break;
        //情况二发言
      case "vote":
        if (statusing == "vote") {
          //改变状态
          statusing = "vote1";
          //背景颜色参数增加
          index=index+1;
          //保存参数
          sessionStorage.index=index;
          sessionStorage.statusing = statusing;
          alert('亡灵发表遗言')
          console.log('正在进行模式'+statusing);
          
          //遍历改变颜色
          for(let x=index;x>=0;x--){
            $('.step').eq(x).css('background-color',background);
            $('.triangleLeft').eq(x).css('color',background);
          }
          
        }else{
          alert('请按顺序执行')
        }
        break;
        //情况三发言二
      case "vote1":
        if (statusing == "vote1") {
          //改变状态
          statusing = "vote2";
          //改变颜色的参数递增
          index=index+1;
          //保存类的参数
          sessionStorage.index=index;
          //保存状态
          sessionStorage.statusing = statusing;
          
          console.log('正在进行模式'+statusing);
          //遍历改变颜色
          for(let x=index;x>=0;x--){
            $('.step').eq(x).css('background-color',background);
            $('.triangleLeft').eq(x).css('color',background);
          }
         //行动
          alert('玩家依次发言')
  
        }else{
          alert('请按顺序执行')
        }
        break;
      //请情况四：投票
      case "vote2":
        if (statusing == "vote2") {
          //状态改变
          statusing = "kill";
          //背景颜色参数改变
          index=index+1;
          //保存框的参数
          sessionStorage.index=index;
          //保存状态
          sessionStorage.statusing = statusing;
          for(let x=index;x>=0;x--){
            $('.step').eq(x).css('background-color',background);
            $('.triangleLeft').eq(x).css('color',background);
          }
          //投票后天数+1
          day=day+1;
          sessionStorage.day=day;
          
          console.log(payPerson);
          console.log('正在进行模式'+statusing);
          $('.contain').eq(day-2).after($('.contain').eq(day-2).clone(true))
          // clone();
          // demo();
          location.href = "../js2/js2-kill.html";

        }
    }
}

该问题已被官方收录

如何制作实现分页与后台数据绑定？

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

该问题已被官方收录

小程序设置图片高度

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.img {
  width: 100%;
  position:absolute;
  top:-140rpx;
  clip:rect(140rpx, 1000rpx, 1000rpx, 0);
  animation-name: move; 
  animation-duration: 3s; 
}

@keyframes move{
  0%{    
    margin-top: -100%;
    width: 100%;
    }
  100%{
    margin-top: 0;
    width: 100%;
  }

该问题已被官方收录

登录发送数据时总是不成功

0

1

$http

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(document).ready(function() {
//表单验证
	var data = {};

	function check() {
		var reg_p = /^[a-zA-Z0-9_]{5,10}$/;
		var reg_n = /^[a-zA-Z0-9_]{5,10}$/;
		if (reg_p.test(data.pwd) && reg_n.test(data.name)) {
			return true;
		}else {
			return false
		}
	}
	
	// var request = $.ajax({
	// 	url:"/radish/a/login",
	// 	type:"POST",
	// 	data:$.param(data)
	// })

	$("#signIn").click(function(){
		data.name = $("#user").val();
		data.pwd = $("#password").val();
		// var request = $.post(  //浏览器中显示FORMDATA类型数据
		// 	'/radish/a/login',
		// 	// 'content-type:application/x-www-form-urlencoded',
		// 	$.param(data),

		// 	validate
		// //error: funvtion(){};
		// )
		var request = $.ajax({
			url:"/radish/a/login",
			type:"POST",
			data:$.param(data),
			success: function validate(){
		if (request.readyState === 4 && request.status === 200) {
			var text = JSON.parse(request.responseText);
			console.log(request.responseText);
			if (data.name === "" || data.pwd === "") {
				$(".hint").text("用户名或密码不能为空")
			}
			else if(!check()){
				$(".hint").text("用户名或密码格式不正确")
			}
			else {
				switch (text.code){ 
					case 0:
					window.location.href="http://dev.admin.carrots.ptteng.com/#/dashboard";
					break;
					case -5003:
					$(".hint").text("用户不存在");
					break;
					case -5004:
					$(".hint").text("密码错误");
				}
			}
					
		}
	}
			})
		console.log(request.data)
	})

	
})

该问题已被官方收录

如何使用富文本编辑器

0

1

富文本编辑器

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

1

该问题已被官方收录

vue怎么把银行卡号掩盖一部分

0

1

vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

这里需要用到正则了

从网上找了一段代码修改了一下写在过滤器里


  filters:{

    hide(str){ //过滤器

      var reg = /^(\d{0})\d+(\d{4})$/;                                   //从开头保留零位，从末尾保留四位

      str = str.replace(reg, "$1**** *** **** **** $2");             //在他们之间加 **** *** **** **** 

    return str                                                                           //并返回

    }

  }

该问题已被官方收录

上标显示异常

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

去第页

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