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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

载入datatimepick插件时的报错

0

2

小程序语言基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.directive("startTime", function() {
    return {
      restrict: "AE",
      // scope:{},如果定义这个scope,则controller函数中的$scope与指令父级中的$scope是不一样的
      // scope:{
      //   startTime:"=ngModel"
      // },
      template:
        '<input id="beginTime" type="text" class="form-control" ng-model="startAt" placeholder="年/月/日">',
        
      link: function(scope) {
        // datetimepicker()初始化日期的
        scope.startTime = 11111
        $("#beginTime")
          .datetimepicker({
            format: "yyyy-mm-dd", //日期格式;默认值: 'mm/dd/yyyy';p, P, h, hh, i, ii, s, ss, d, dd, m, mm, M, MM, yy, yyyy 的任意组合。
            weekStart: 1, //一周从哪一天开始。0（星期日）到6（星期六）默认0
            autoclose: true, //当选择一个日期之后是否立即关闭此日期时间选择器。默认false
            todayHighlight: true, //如果为true, 高亮当前日期。
            startView: 2, //日期时间选择器打开之后首先显示的视图。 可接受的值：0~4:h,d,m,y,teny默认2
            minView: 2, //日期时间选择器所能够提供的最精确的时间选择视图。默认0
            forceParse: false, //为true时对不正确的日期，选择器将会尽量解析输入的值，并将解析后的正确值按照给定的格式format设置到输入框中
            // initialDate:new Date(),//初始化日历时间;默认情况下是现在
            endDate: new Date(), //结束时间采用new Date()表示截止到今天
            todayBtn: "linked",
            language: "zh-CN"
          })
          .on("changeDate", function(ev) {
            // ev是个jQuery对象,包含很多东西,在这里我们主要用data属性,data对象中有valueOf方法可以获取时间的毫秒数
            var timeStart = ev.date;
            // console.log(timeStart);
            $("#endTime").datetimepicker("setStartDate", timeStart);
          });
      }
    };
  })

该问题已被官方收录

九宫格一直点击开始按钮九宫格会停止闪烁，算是一个bug，怎么解决？

2

2

控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//从class：box中得到html中的对象
var list = document.getElementsByClassName('box');
//定义一个索引数组
var ArrList = [0,1,2,3,4,5,6,7,8,];
var k = 0;
//从一个给定的数组arr中随机返回num个不重复项
function getArrayItems(arr,num) {
    //新建一个数组，将传入的数组复制过来，用于运算，而不要直接操作传入的数组
    var temp_array = new Array();
    for(var index in arr) {
        temp_array.push(arr[index]);
    }

//取出的数值项，保存在此数组
var return_array = new Array();
for(var i = 0;i<num;i++) {
    //判断数组还有可以取出的元素，以防下标越界
    if(temp_array.length>0) {
        //在数组中产生一个随机索引
        var arrIndex = Math.floor(Math.random()*temp_array.length);
        //将此随机索引的对应的数组元素值复制出来
        return_array[i] = temp_array[arrIndex];
        //然后删掉此索引的数组元素，这时候temp_array变为新的数组
        temp_array.splice(arrIndex,1);
    }else{
        //数组中数据项取完后，退出循环，比如数组本来只有10项，但要求取出20项.
        break;
    }
}
    return return_array;
}

function randomColor() {
    //随机颜色
    return '#'+('00000'+ (Math.random()*0x1000000<<0).toString(16)).substr(-6);
}

function changeColor() //点击开始闪
{
    var num = 3;//需要闪动块的个数
    var temp_array = getArrayItems(ArrList,num);
    for(var i = 0;i<ArrList.length;i++) {
        for(var j = 0;j<num;j++) {
            if(temp_array[j] == i) {
                list[i].style.backgroundColor = randomColor();
                break;
            }else {
                list[i].style.backgroundColor = "orange";
            }
        }
    }
}
var start;//定义延时变量
function start_flash() {
    if(k == 0) {
    //延时函数，开始闪动
    window.clearInterval(start);//先清除延时，防止速度累加
    start = setInterval(changeColor,1000);
    k++;
     }
}
function end_flash() {
    k = 0;
    //停止闪动（使用延时变量清除延时）
    window.clearInterval(start);
    for(var i = 0;i<ArrList.length;i++) {
        list[i].style.backgroundColor = "orange";
    }
}

该问题已被官方收录

如何避免连续按按钮多次，格子越闪越快？

2

2

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

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

HTML
 <input name="button" type="button" onclick="start()" value="开始闪" />
JS
var w;
function start(){
    clearInterval(w);
    w=setInterval("color()",1000);
}

该问题已被官方收录

新增页面type为非行业大图的时候，底部上线和草稿按钮不可用。

3

2

angular model angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html
-------------------------------------------------------------------------------------------------------------------------------------------------------
    <form name="myForm" class="form-group">
        <div class="title row">{{add.titleA}}</div>
        <div class="includeTable row ">
            <div class="row">
                <span class="col-md-2 col-sm-2 col-xs-4">标题名称</span>
                <div class="col-md-8 col-sm-8 col-xs-12">
                    <input class="form-control" ng-model="add.title" type="text" required>
                </div>
            </div>
            <div class="row">
                <span class="col-md-2 col-sm-2 col-xs-4">类  型</span>
                <div class="col-md-3 col-sm-3 col-xs-12">
                    <select class="form-control"
                            ng-model="add.currentType"
                            ng-options="y.name for (x,y) in add.Types"
                            required>
                        <option value="">请选择</option>
                    </select>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-12">
                    <select class="form-control"
                            ng-show="add.currentType.type===3"
                            ng-model="add.industry"
                            required>
                        <!--ng-required="add.currentType.type===3"-->
                        <!--<option value="">请选择</option>-->
                        <option ng-repeat="(x,y) in add.Industry"
                                value="{{x}}"
                                ng-selected="add.industry == x">{{y}}</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <span class="col-md-2 col-xs-4">说  明</span>
                <div class="ueditor col-md-8 col-xs-12" ng-model="add.content" type="text"></div>
                <!--<script id="ueContainer" name="ueContainer" type="text/javascript"></script>-->
            </div>
            <div class="row">
                <span class="col-md-2 col-xs-4">跳转链接</span>
                <div class="col-md-8 col-xs-12">
                    <input id="myEditor" class="form-control" ng-model="add.url" type="text" required>
                </div>
            </div>
            <up-load img="add.img"></up-load>
            <div class="row newThree">
                <div class="col-md-8 col-xs-12 col-md-offset-2">
                    <button class="btn btn-success"
                            ng-click="add.online()"
                            ng-disabled="myForm.$invalid||add.img===undefined">立即上线</button>
                    <button class="btn btn-success"
                            ng-click="add.sketch()"
                            ng-disabled="myForm.$invalid||add.img===undefined">存为草稿</button>
                    <button class="btn btn-default pull-right" ng-click="add.cancel()">取消</button>
                </div>
            </div>
        </div>
    </form>

该问题已被官方收录

九宫格闪烁重复

2

2

控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 if (one == two) {
        one = Math.floor(Math.random() * list.length);
    } else if (two == three) {
        two = Math.floor(Math.random() * list.length);
    } else if (one == three) {
        three = Math.floor(Math.random() * list.length);
    }

该问题已被官方收录

输入框输入小数，会导致列表无法刷新

1

2

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    $scope.listBt = function(){
        console.log($scope.currentPage);
        $state.go('backstage.list',{
            page: $scope.currentPage
        },{reload:true});
    };
    
    $scope.confirm = function(){
        $scope.currentPage = $scope.toPage;
        $state.go('backstage.list',{
            page: $scope.currentPage,
            size: $scope.paramsSize1
        },{reload:true});
    };

该问题已被官方收录

定时器报错，随机出不来

1

2

事件函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.<button id="start">开始闪</button>
<button id="end">结束闪</button>
<script type="text/javascript">
    var div=document.getElementsByClassName('box');
    var colors=['red','plum','blue','green','cyan','black','pink','gray','brown'];
    start.onclick=function(){//点击开始
        c=setInterval(function(){//使用定时器
            start();//调用函数
        },1000)//设置时间
    }
    end.onclick=function(){//停止按钮的
        for(i=0;i<div.length;i++){//循环
            div[i].style.background="#yellow";//遍历清除颜色
        }
        clearInterval(c);//停止定时器
    }
    function start() {
        for (var i = 0; i < div.length; i++) {//每次随机颜色时遍历将背景设置好
            div[i].style.background = "#FFA600";
        }

该问题已被官方收录

js随机选取元素，实现乱序有什么方法，他们都有什么区别？

1

2

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

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.

该问题已被官方收录

翻牌效果不知道怎么是实现

1

2

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$("#but").click(function () {
       if(num<peoplerel.length+1){
           if(status===0){
               $("show").show();
               $("hide").hide();
               status=1;
               $("maintop").text(num);
               $("#but").html("查看"+num+"号玩家");
           }else if(status===1){
               $("show").hide();
               $("hide").show();
               status=0;
               $("maintop").text(num);
               $(".hide label").text(peoplerel[num-1]);
               $("#but").html("隐藏并传递给" + num + "号");
           }
       }

该问题已被官方收录

多次点击“开始闪”按钮后为什么三个格子闪得越来越快？

2

2

事件操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 获取随机颜色
var randomColor = function() {
    var c = '0123456789abcdef'
    var color = '#'
    for (var i = 0; i < 6; i++) {
        num = [Math.floor(Math.random() * 16)]
        color += c[num]
    }
    // console.log('color', color)
    return color
}

// 返回范围随机数
var rnd = function(start, end) {
    return Math.floor(Math.random() * (end - start) + start)
}

var e = function(selector) {
    return document.querySelector(selector)
}
var es = function(selector) {
    return document.querySelectorAll(selector)
}

// 点击开始闪 随机获取3个li标签，并设置颜色
var clickButton = function() {
    var button = e('.button')
    var ul = e('ul')
    var li = es('li')

    button.addEventListener('click', function(event) {
        var target = event.target
        if (target.innerHTML === '开始闪') {
            // 每秒，随机设置3个li元素的背景颜色
            window.id = setInterval(function() {
                // 恢复默认样式
                for (var i = 0; i < li.length; i++) {
                    li[i].style.backgroundColor = 'pink'
                }
                // 用于不重复的获取ul的子元素
                var l = [0, 1, 2, 3, 4, 5, 6, 7, 8]

                // 给随机三个元素随机设置背景颜色
                for (var i = 0; i < 3; i++) {
                    // 获取范围内的随机数
                    var n = rnd(0, l.length - 1)
                    // 获取l里的值(对应li元素)
                    var num = l[n]
                    // 获取随机颜色
                    var color = randomColor()
                    // 设置背景颜色
                    li[num].style.backgroundColor = color
                    // 删除用过的元素，保证不重复设置
                    l.splice(n, 1)
                }
            }, 1000)
        // 点结束停止播放
        } else if (target.innerHTML === '结束闪') {
            // 恢复默认样式
            for (var i = 0; i < li.length; i++) {
                li[i].style.backgroundColor = 'pink'
            }
            window.clearInterval(id)
        }
    })
}
clickButton()

去第页

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