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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

angular配置路由文件能不能有多个

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var ourApp = angular.module("ourApp",["ui.router"]);
ourApp.config(function ($stateProvider,$urlRouterProvider) {
    $urlRouterProvider.when("",'/login');
    $stateProvider
.state

该问题已被官方收录

wangEditor怎么使用本地上传图片功能?

1

1

富文本编辑器

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//wangEditor富文本编辑器
    var E = window.wangEditor;
    var editor = new E('#wEditor');
    // 或者 var editor = new E( document.getElementById('editor') )
    editor.create();

该问题已被官方收录

使用ng-options循环出来的下拉框，无法获取后端返回的数值，成为选中状态

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

                       <div class="col-md-6">
                            <label class="control-label col-md-4">*融资规模</label>
                            <div class="col-md-8">
                                <select class="form-control" ng-model="vm.company.financing"
                                        ng-options="key as val for (key,val) in vm.financingList"
                                        required>
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>

该问题已被官方收录

把杀手和平民转换为数组打乱，控制台打印出来的不会重置

2

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 点击顶部返回按钮返回到游戏主页
function start() {
    // 点击返回弹出提示窗口
    if(confirm("是否要退出游戏，并返回到主页面")){     
        location.href = "start.html";//点击确定返回到主页面
     }else{
        return false;//点击取消停留在当前页面
    }
}


//获取输入玩家input节点
var quantity = document.getElementById("content");
// 获取杀手input节点
var Killer = document.getElementById("Killer");
// 获取平民input节点
var civilian = document.getElementById("civilian");


// 利用oninput输入事件触发玩家input属性
quantity.oninput = function () {
    var x=/\D/g;//定义正则，非数字规则
    this.value=this.value.replace(x,"");// 符合正则规则替换为空值
    gain(this.value);// 获取当前对象输入的值
}

var arr=[];


// 把获取的值赋给Killer和civilian两个input
function gain(value) {
    Killer.value = Math.round(value - (value / 2 + value / 6 + value / 24.1));
    civilian.value = Math.round(value / 2 + value / 6 + value / 24.1);

    // 当玩家值小于4或大于18赋给Killer和civilian值为空
    if (value< 4 || value > 18) {
        Killer.value = "";
        civilian.value = "";
    }else{
       

    // 当玩家值小于4或大于18把Killer和civilian以组数形式输出
        for (var i=0;i<Killer.value;i++){
            arr.push("杀手");//输出杀手的数量push到数组
        }
        for (var i=0;i<civilian.value;i++){
            arr.push("平民");//输出平民的数量push到数组
        }
    }
}
gain(quantity.value);//自运行

var array=arr;//访问全局变量arr

// // 点击button按钮判断条件
function button() {

    // 获取输入玩家input的value的值
    var count = document.getElementById("content").value;

    // 判断条件符合弹出提示窗口,否则进入下一个页面
    if (count < 4 || count > 18) {
        confirm("请输入正确的玩家数量。");
    } else {

        // 洗牌算法
        if(array){
            for (var i = array.length - 1; i > 0; i--) {
            // 打乱数组的玩家
            var j = Math.floor(Math.random() * (i + 1));
            var temp = array[i];
            array[i] = array[j];
            array[j] = temp;    
        }

      
        console.log(array);
        }  
        // location.href = "check.html";//进入下一个页面
    }
    return false;//冒泡事件
}


// 键盘事件，onkeydown事件当用户按下按键触发
document.onkeydown = function (a) {//a是按键信息对象以函数参数的形式传递进来
   
     //取出按键信息中的按键代码(大部分浏览器通过keyCode属性获取按键代码，但少部分浏览器使用的却是charCode
    var code = a.charCode || a.keyCode;  

        //13为回车键的编码
    if (code === 13) {   
        button();//调用button函数
    }
}

该问题已被官方收录

如何控制button在点击后禁用，无法重复点击

1

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>

该问题已被官方收录

如何用构造函数为数组添加具体的属性，比如role,isAlive

0

1

数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var killsObj
{
    for (i = 0; i < kills.length; i++) {
        function kills(role, isAlive) {
            this.role = kills[i];
            this.isAlive = "yep";
            this.sayRole = function () {
                alert(this.role);
            }
        }
    }
}

该问题已被官方收录

富文本编辑器,图片上传与预览

0

1

富文本编辑器

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

第三方插件的代码就不贴了吧

该问题已被官方收录

自定义指令，注入模板时报错$ compile：tplrt

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

App.directive('uploadFile',function(){
    return {
        restrict : 'E',
        templateUrl : 'uploadFile.html',
        replace : true,
        transclude : true,
    };
});

<script id="uploadFile.html" type="text/ng-template">
        <input type='file'
               accept='image/*'
               onchange='openFile(event)'
               ng-click="changeTransition()"
               id="file"
               class="imgFile"
               name="imgUrl"
               ng-model="imgUrl"><br>
        <img id='showImg' ng-src={{imgUrl}} ><br>
</script>

该问题已被官方收录

如何取三个不同的随机盒子？

0

1

操作DOM 变量数据类型表达式和运算符

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var bos=document.getElementsByClassName("box");
// var btn1 = document.getElementById("btnStart")
var btn2=document.getElementById("btnEnd")

function box() {

}
// 颜色1
function randomRgbColor1() { //随机生成RGB颜色
    var r = Math.floor(Math.random() * 256); //随机生成256以内r值
    var g = Math.floor(Math.random() * 256); //随机生成256以内g值
    var b = Math.floor(Math.random() * 256); //随机生成256以内b值
    return `rgb(${r},${g},${b})`; //返回rgb(r,g,b)格式颜色
}

//  function btn1() {
//     // bos.style.background = randomRgbColor2();
//     boo.style.backgroundColor=randomRgbColor2();
//     bos[1].style.backgroundColor=randomRgbColor2();
// }
// function btnend() {
//     // bos.style.background = randomRgbColor2();
//     document.body.style.backgroundColor = randomRgbColor3();
// }

function r2() { //随机生成RGB颜色
    var r = Math.floor(Math.random() * bos.length);
}

该问题已被官方收录

如何上传图片并预览

2

1

file-upload

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

暂无

去第页

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