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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

关于ng-router和ui-router

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

ng-router
<html>
    <head>
        <meta charset="utf-8">
        <title>AngularJS 路由实例 - 菜鸟教程</title>
    </head>
    <body ng-app='routingDemoApp'>
     
        <h2>AngularJS 路由应用</h2>
        <ul>
            <li><a href="#/">首页</a></li>
            <li><a href="#/computers">电脑</a></li>
            <li><a href="#/printers">打印机</a></li>
            <li><a href="#/blabla">其他</a></li>
        </ul>
         
        <div ng-view></div>
        <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
        <script src="http://apps.bdimg.com/libs/angular-route/1.3.13/angular-route.js"></script>
        <script>
            angular.module('routingDemoApp',['ngRoute'])
            .config(['$routeProvider', function($routeProvider){
                $routeProvider
                .when('/',{template:'这是首页页面'})
                .when('/computers',{template:'这是电脑分类页面'})
                .when('/printers',{template:'这是打印机页面'})
                .otherwise({redirectTo:'/'});
            }]);
        </script>
     
     
    </body>
</html>
关于ui-router
<ul>
   <li><a ui-sref="index">首页</a></li>
   <li><a ui-sref="fruit">水果</a></li>
   <li><a ui-sref="vegetable">蔬菜</a></li>
 </ul>
angular.module('myapp',['ui.router'])
.config(function($stateProvider,$urlRouterProvider){
    $urlRouterProvider.otherwise('/index');
    $stateProvider.state('fruit',{
       url:'/fruit',
       templateUrl:'fruit.html'
    })
    .state('vegetable',{
        url:'/vegetable',
        templateUrl:'vegetable.html'
    })
    .state('index',{
        url:'/index',
        template:'<h2>这是首页</h2>'
    });
});

该问题已被官方收录

关于AJAX的传输，和调用后台的接口问题

1

1

Ajax 解析

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 获取input的数值
var ID = document.getElementById('ID');
// 第二个input的数值
var password = document.getElementsByClassName('password')[0];
var show = document.getElementById('show');
// 声明一个请求
var xhr;
// 点击事件，点击的时候获取到输入框输入的数值
function NEWbutton() {
    console.log(ID.value);
    console.log(password.value);
    if (ID.value == '') {
        show.innerHTML = '请输入账号'
        return false;
    } else if (password.value == '') {
        show.innerHTML = '请输入密码'
        return false;
    } else {
        // 请求参数
        var data = 'name=' + ID.value + '&pwd=' + password.value;
        var lin = '/carrots-admin-ajax/a/login';
        xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
            // 通信成功时，状态值为4
            if (xhr.readyState === 4 && xhr.status === 200) {
                 var xuan = JSON.parse(xhr.responseText);
                console.log(xuan)
                if (xuan.code == 0) {
                    location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard'
                } else {
                    show.innerHTML = xuan.message;
                }
            } 
        }
    };
    // 发送了请求，使用POST的形式进行发送
    xhr.open('POST', lin, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(data);
    return false;
}

该问题已被官方收录

js在算法中涉及到自增量会影响到变量的赋值吗？

0

1

变量函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var i, temp; // temp is "rval", which may not be an actual variable. 
i = 1;
temp = i;
i = i + 1;
i = temp;
var i = 1;

i = (i++, i); // 2
var i, temp; // temp is "rval", which may not be an actual variable. 
i = 1;
temp = i;
i = i + 1;
i = i;

该问题已被官方收录

法官查看界面如何实现盒子编号、玩家身份和分配身份后的状态保持一致

0

1

事件控制流程语句节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html:
<div class="main-box">
   <!--<div class="content-box">-->
            <!--<div class="content-top">-->
                <!--<div class="career"></div>-->
                <!--<div class="number"></div>-->
            <!--</div>-->
        <!--<div class="content-bottom"></div>-->
    <!--</div>-->
</div>
CSS：
.main-box {
    width: 100%;
    margin-top: .2rem;
    display: flex;
    flex-wrap: wrap;
}
.content-box {
    width: 30%;
    height: 1.9rem;
    margin: 1.5% 1.66% 0 1.66%;
}
.content-top {
    width: 100%;
    height: 1.36rem;
}
.career {
    width: 100%;
    height: 1.0rem;
    font-size: .3rem;
    color: #565656;
    background-color: #F5C97B;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.number {
    width: 100%;
    height: .36rem;
    font-size: .22rem;
    color: #FFF;
    background-color: #83B09A;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-top: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-bottom {
    width: 100%;
    height: .3rem;
    padding-top: .2rem;
    background-image: url(../image/img1.png);
    background-repeat: no-repeat;
    background-size: .3rem .3rem;
    background-position: center center;
    visibility: hidden;
}
JS:
var player = JSON.parse(sessionStorage.getItem('player'));//取出总玩家人数数组
 for (var i=0; i<player.length; i++){//遍历数组，有几个玩家就循环几次，把所有玩家都遍历出来
        var num = i + 1;//每个角色对应的号码
        var inBox = '<div class=\"content-box\">\n'+//var个变量存储写进文档的标签代码，记住要转义字符
            '<div class=\"content-top\">\n'+
            '<div class=\"career\">\n'+ player[i] +
            '</div>\n'+
            '<div class=\"number\">\n'+ num +
            '</div>\n'+
            '</div>\n'+
            '<div class=\"content-bottom\">\n'+
            '</div>\n'+
            '</div>';
        $('.main-box').append(inBox);//通过append将盒子一个一个的往文档里面装
        }

该问题已被官方收录

表单数据同步问题

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

该问题已被官方收录

储存路由状态

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.config(function($stateProvider){
  $stateProvider
  $stateProvider.state(
    {
      name:'new',
      url:'/new',
      templateUrl:'js3-3.html'

    }
  ).state(
    {
      name:'list',
      url:'/list',
      templateUrl:"js3-4.html"
    }
  )
})

该问题已被官方收录

洗牌算法和Math.random随机数有什么区别吗？

0

1

操作DOM 函数表达式和运算符

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function suiji(){
	for (var i=qq.length-1; i>=0; i--) {
		var aaa = Math.floor(Math.random()*(i+1));//产生随机数
		var bbb = qq[aaa];
		qq[aaa] = qq[i];
		qq[i] = bbb;	
	}
	return qq;

function ncolor(){
	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+")";
}//随机颜色

该问题已被官方收录

时间选择器angular6组件使用

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

1. ngx-daterangepicker-material时间选择器angular6组件使用：

1.1安装组件

    npm install ngx-daterangepicker-material --save



1.2引入依赖：

    ...
    import { FormsModule } from '@angular/forms';
    import { NgxDaterangepickerMd } from 'ngx-daterangepicker-material';
    import { App } from './app';
    
    @NgModule({
        imports:      [... , FormsModule, NgxDaterangepickerMd],
        declarations: [App],
        bootstrap:    [App]
    })
    export class AppModule {}

1.3html设置

         <div>                                                                                      
          <input type="text"                                                                         
             ngxDaterangepickerMd                                                                   
             [isInvalidDate]="isInvalidDate"                                                         
             [isCustomDate]="isCustomDate"                                                           
             [locale]="{format: 'DD/MM/YYYY', firstDay: 1}"                                         
             [(ngModel)]="selected"                                                                 
             [singleDatePicker]="true"                                                               
             [autoApply]="true"                                                                     
             [maxDate]="maxDate"                                                                     
              [minDate]="minDate"  />                             
           </div>                                                                                              

1.4ypescript:

    import { Component, OnInit } from '@angular/core';
    import * as moment from 'moment';
    
    @Component({
      selector: 'single-datepicker',
      templateUrl: './single-datepicker.component.html',
      styleUrls: ['./single-datepicker.component.scss']
    })
    export class SingleDatepickerComponent implements OnInit {
      selected = moment();
      maxDate: moment.Moment;
      minDate: moment.Moment;
      constructor() { }
      ngOnInit() {
      this.maxDate = moment().add(1);
      }
      isInvalidDate(date) {
        return date.weekday() === 0;
      }
      isCustomDate(date) {
        return  (
          date.weekday() === 0 || date.weekday() === 6
        )  ? 'mycustomdate' : false;
      }
    
    }

####

该问题已被官方收录

在项目中，我们经常会看到package.json文件，这个文件有什么作用？

0

1

其他

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

{
  "name": "vue",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build":"cross-env NODE_ENV=production webpack --config webpack.config.js  --mode production",
    "dev":"cross-env NODE_ENV=development webpack-dev-server --config webpack.config.js --mode development"
  },
  "author": "",
  "license": "ISC",
  "description": ""
}

该问题已被官方收录

如何设置一个判断语句,使玩家人数不符合要求时,禁止分配玩家

1

1

js随机数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// window.location.href="../html/task234-peibi.html";  //不停的重复跳转
// window.open('../html/task234-peibi.html');

//玩家人数显示框
var txt2 = document.getElementsByTagName('input')[2];
//滚动条滚动数值
var txt3 = document.getElementsByTagName('input')[3];
//按钮一,递减;
var less = document.getElementsByTagName('button')[0];
//按钮二,递增;
var plus = document.getElementsByTagName('button')[1];
//文本:点击设置
var set = document.getElementById('click-set')
//给文本绑定点击事件
set.onclick = function set() {
  //杀手数量
  num1 = Math.floor(txt2.value / 3);
  //平民数量
  num2 = txt2.value - num1;
  //杀手数组
  var sha = Array(num1);
  //平民数组
  var pin = Array(num2);
  //历遍杀手数组
  for (i = 0; i < num1; i++) {
    sha[i] = "<li><img src='../images/13.png'> 杀手1人</li>";
  }
  //历遍平民数组
  for (i = 0; i < num2; i++) {
    pin[i] = "<li><img src='../images/14.png'> 平民1人</li>";
  }
  //合并杀手和平民数组
  var allplayer = sha.concat(pin);
  //玩家数组乱序输出
  for (var i=0;i<txt2.value;i++){
    var all = i + Math.floor( Math.random()*(txt2.value - i));
    var temp = allplayer[i];
    allplayer[i]=allplayer[all];
    allplayer[all] = temp;
  }
  //输出杀手和平民数组到HTML,并取消分隔符
  document.getElementsByTagName("ul")[0].innerHTML = allplayer.join("");
}
//当输入框数字修改时,滑动块也跟着改变;
txt2.onchange = function changenumber() {
  if (txt2.value <= 16 && txt2.value >= 4) {
    txt3.value = txt2.value;
  }
  else {
    alert("请保证玩家人数在4~16之间");
  }
}
//当滑动条改变时,输入框数字也跟着改变;
txt3.oninput = function changethumb() {
  txt2.value = txt3.value;
}
//右边加号按钮,点击实现递增;
plus.onclick = function() {
  if (txt3.value < 16) {
    txt3.value++;
    txt2.value = txt3.value;
  }
  else {
    alert("玩家人数已经满啦!");
  }
  //滑动块所在的值距最左边的长度占滑动条总长度的百分比
  var suibian = (txt2.value - 4)/12*100 + '%';
  console.log(suibian);
  txt3.style.backgroundSize=suibian ;//给滑动条添加属性(驼峰法)
}
//左边减号按钮,点击实现递减;
less.onclick = function() {
  if (txt3.value > 4) {
    txt3.value--;
    txt2.value = txt3.value;
  }
  else {
    alert("玩家人数不能再少啦!");
  }
  //滑动块所在的值距最左边的长度占滑动条总长度的百分比
  var suibian = (txt2.value - 4)/12*100 + '%';
  txt3.style.backgroundSize=suibian ;//给滑动条添加属性(驼峰法)
}
//跳转至玩家配比页面
function peibi() {
  window.location.href = "../html/task234-peibi.html";
}
//跳转至上一个页面
function backto() {
  window.location.href = "../html/task234-01.html";
}
//在鼠标指针移动到元素上时触发。
txt3.onmousemove= function(){
  //滑动块所在的值距最左边的长度占滑动条总长度的百分比
  var suibian = (txt2.value - 4)/12*100 + '%';
  console.log(suibian);
  
  txt3.style.backgroundSize=suibian ;//给滑动条添加属性(驼峰法)
}
//元素上发生鼠标点击时触发。
txt3.onclick = function(){
  //滑动块所在的值距最左边的长度占滑动条总长度的百分比
  var suibian = (txt2.value - 4)/12*100 + '%';
  txt3.style.backgroundSize=suibian ;//给滑动条添加属性(驼峰法)
}
//设置 "去发牌"点击事件,页面跳转至查看身份页面;
document.getElementsByTagName("button")[2].onclick = function(){
  window.location.href = "../html/task234-watch.html";
}

去第页

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