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

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

myApp.config(function($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.when("", "home/hello");
  $stateProvider
    // 登录页
    .state("login", { url: "/login", templateUrl: "./html/Login.html" })
    // 列表主页
    .state("home", {
      url: "/home",
      templateUrl: "./html/Home.html",
      controller: "homeCtrl",
      resolve: {
        loadMyCtrl: function($ocLazyLoad) {
          return $ocLazyLoad.load(["./JS/Home.js", "./style/Home.css"]);
        }
      }
    })

该问题已被官方收录

如何将两个日历选取同一天时，时间差为一天

0

1

angular 插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 //日历控件+++
    $scope.dateOptions1 = {
        formatYear: 'yy',
        maxDate: new Date(),//可选取日期最大值
        startingDay: 1
    };
    $scope.dateOptions2= {
        formatYear: 'yy',
        maxDate: new Date(),//可选取日期最大值
        startingDay: 1
    };

    //修改日历日期显示样式
    $scope.format = "yyyy-MM-dd";
    $scope.altInputFormats = ['yyyy-M!-d!'];

    $scope.open1 = function () {
        $scope.popup1.opened = true;
    };
    $scope.open2 = function () {
        $scope.popup2.opened = true;
    };
    $scope.popup1 = {
        opened: false
    };
    $scope.popup2 = {
        opened: false
    };

该问题已被官方收录

分页指令的问题

0

1

分页

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="pagination pull-right">
           每页显示<input type="text" ng-model="pages">条
            <ul uib-pagination total-items="totalItems" ng-model="currentPage" class="pagination-md"
                boundary-links="true" force-ellipses="true" first-text="首页" last-text="末页"
                next-text=">" previous-text="<" ng-change="search()"></ul>第<input type="text" ng-model="currentPage">页
            <button class="btn btn-default" ng-click="sure()">确认</button>
        </div>

该问题已被官方收录

玩家发言怎么保存变色

0

1

Ajax登陆

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//亡灵发表遗言按钮
        ghost[i].onclick = function talk() {
            if (window, getComputedStyle(kill[i], null).backgroundColor != 'rgb(204, 204, 204)') {
                alert('按顺序走');
                return
            }
            if (window, getComputedStyle(ghost[i], null).backgroundColor == 'rgb(204, 204, 204)') {
                alert('请进行下一项');
                return
            }
            alert('表明身份发表遗言');
            ghost[i].style.backgroundColor = '#ccc';
            triangleb[i].style.borderRight = '.7rem solid #ccc';
        }
        //玩家依次发言按钮
        player[i].onclick = function playerTalk() {
            if (window, getComputedStyle(ghost[i], null).backgroundColor != 'rgb(204, 204, 204)') {
                alert('按顺序走');
                return;
            }
            if (window, getComputedStyle(player[i], null).backgroundColor == 'rgb(204, 204, 204)') {
                alert('请进行下一项');
                return
            }
            alert('玩家依次发言');
            player[i].style.backgroundColor = '#ccc';
            trianglec[i].style.borderRight = '.7rem solid #ccc';
        }

该问题已被官方收录

时间点选择的与日历一起使用的时候的时间戳的获取

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 $scope.params.sendTime = Number($scope.timeNode) - today + Number($scope.loanTime);

该问题已被官方收录

富文本编辑器插件是定宽的，怎么自适应

2

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div ng-controller="newArticle">
    <div class="panel panel-default">
        <div class="panel-heading">
            <strong>{{pageTitle}}</strong>
        </div>
        <div class="panel-body table-responsive">
            <form class="form-horizontal" name="myForm" novalidate>
                <div class="form-group">
                    <label class="col-md-2 ">标题名称</label>
                    <div class="col-md-8">
                        <input type="text" ng-model="newTitle" class="form-control" name="title" required/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 word-spacing-25">类 型</label>
                    <div class="col-md-2">
                        <select class="select" ng-model="newType" name="status" required>
                            <option ng-repeat="x in reType" value="{{x.value}}" ng-selected="x.value == newType" >{{x.name}}</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select class="select" ng-model="newIndustry" name="industry" ng-show="newType == 3" ng-required="newType == 3">
                            <option ng-repeat="y in industry" value="{{y.value}}" ng-selected="y.value == newIndustry">{{y.name}}</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 word-spacing-25">说 明</label>
                    <div class="col-md-8">
                        <div class="ueditor" ng-model="content"></div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2">跳转链接</label>
                    <div class="col-md-8">
                        <input type="text" ng-model="newLink" class="form-control" name="link" required/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 word-spacing-25">配 图</label>
                    <div upload-file></div>
                </div>
                <div class="form-group">
                    <div class="col-md-2"></div>
                    <div class="col-md-8">
                        <button ng-click="online()" ng-disabled="myForm.$invalid || srcImg ==  undefined" type="submit" class="btn btn-success">立即上线</button>
                        <button ng-click="draft()" ng-disabled="myForm.$invalid || srcImg ==  undefined" type="submit" class="btn btn-success">存为草稿</button>
                        <button ui-sref="home.articleList" type="button" class="btn btn-default pull-right">取消</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

该问题已被官方收录

时间选择插件的相互限制

1

1

angular内置指令和方法

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 $scope.dateChange=function(){
        $scope.startDateOptions.maxDate = $scope.dateEnd||new Date();
        $scope.endDateOptions.minDate = $scope.dateStart||'';
    };

该问题已被官方收录

Vue里面的 $event.target.files[0];是什么意思呢

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<template>
  <div>
    <main>
      <div>
        <div class="new-data-box">
          <span>|</span>
          <span>新增资料</span>
        </div>
        <div class="Data-options-box">
          <!-- 第一个所属科目 -->
          <div>
            <span>所属科目</span>
            <template>
              <el-select v-model="value" placeholder="数学">
                <el-option v-for="item in options" :key="item.value" :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </template>
          </div>
          <!-- 第二个所属科目 -->
          <div>
            <span>所属课程/教材</span>
            <template>
              <el-select v-model="value" placeholder="和差倍问题">
                <el-option v-for="item in optionss" :key="item.valuee" :label="item.labell"
                  :value="item.value">
                </el-option>
              </el-select>
            </template>
          </div>
          <!-- 第三个所属课时 -->
          <div>
            <span>所属课时</span>
            <template>
              <el-select v-model="value" placeholder="全部">
                <el-option v-for="item in optionsss" :key="item.valueee" :label="item.labelll"
                  :value="item.value">
                </el-option>
              </el-select>
            </template>
          </div>
        </div>
        <!-- 第三个新增的资料选项 -->
        <div>
          <!-- 价格部分 -->
          <div>
            <span>价格</span>
            <input type="text" style="width: 30px;">
            <span>元</span>
          </div>
          <!-- 文件上传 -->
          <div>
            <span>文件</span>
            <label class="uupfile" for="upfile">上传</label>
            <input id="upfile"  style="margin-left: 3%;width: 70px;display: none;" type="file" @change="xd">
            <img  :src="PatH" id="upfile"  alt="" style="display: block;margin-left: 9.5%;margin-bottom: 2%;width: 42vw;">
            <table class="image">
              <thead>
                <tr>
                  <th>图片名</th>
                  <th>文件大小</th>
                  <th>进度</th>
                  <th>状态</th>
                  <th>操作</th>
                </tr>
                <tr v-if="imgData">
                  <td>{{imgname}}</td>
                  <td>{{imgSize}}</td>
                  <td class="con">
                   <el-progress :text-inside="true" :stroke-width="18" :percentage="100" status="success"></el-progress>
                  </td>
                  <td></td>
                  <td>
                    <button style="margin-left: 10%;">上传</button>
                    <button style="margin-left: 10%;">删除</button>
                  </td>
                </tr>
              </thead>
            </table>
          </div>
        </div>
      </div>
    </main>
  </div>
</template>
<script>

  export default {
    data() {
      return {
        imgData: false, //未上传图片隐藏图片属性
        PatH:{
          },
          imgUrl:'',
          imgname:'',//图片名字
          imgSize:'',//图片大小
        proBar: 0,
        // 请输入价格的部分
         input: '',
        options: [{
          value: '选项1',
          label: '数学'
        }, {
          value: '选项2',
          label: '语文'
        }, {
          value: '选项3',
          label: '外语'
        }],
        value: '',
        optionss: [{
          valuee: '选项1',
          labell: '和差倍问题'
        }, {
          valuee: '选项2',
          labell: '三年级上册'
        }],
        value: '',
        optionsss: [{
          valueee: '选项1',
          labelll: '全部'
        }, {
          valueee: '选项2',
          labelll: '第一课 标点符号'
        }]
      }
    },
    methods:{
      xd($event){
        let file = $event.target.files[0];//声明
        this.imgData= true//未上传图片隐藏图片属性
        this.imgname=file.name//点击的时候让图片名字显示
      }
    }
  }
</script>
<style lang="scss" scoped>
// 新增资料外部样式
  .new-data-box{
    display: flex;
    align-items: center;
    text-align: left;
    height: 40px;
    background-color: cornflowerblue;
  }
  // 条件新增资料外部盒子
  .Data-options-box{
    height: 170px;
    border: 1px solid;
    padding-top: 50px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
  }
  .uupfile{
    border: 1px solid;
    background-color: cadetblue;
  }
</style>
}

该问题已被官方收录

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

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

该问题已被官方收录

for循环没有进入函数内部进行赋值

0

1

变量控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for(;i>=0;i--){
    console.log("选择元素下角标"+i);
    $(".titleDate").eq(i).click(function(){  /*i的赋值到这里就结束了*/
        $(".content").eq(i).toggle();          /*没有对子函数进行循环赋值*/
        console.log("被控制元素的序号i="+i)
    });
}

去第页

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