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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

滑块填充效果用原生JS怎么写

0

1

数据类型事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

新建一个RangeSlider.js文件，实现对滑动控件属性的设置、事件的监听、以及设置回调函数。监听input事件时，对进度条进行填充，让我们来直接看看代码是怎么实现的。

$.fn.RangeSlider = function(cfg){
    this.sliderCfg = {
        min: cfg && !isNaN(parseFloat(cfg.min)) ? Number(cfg.min) : null, 
        max: cfg && !isNaN(parseFloat(cfg.max)) ? Number(cfg.max) : null,
        step: cfg && Number(cfg.step) ? cfg.step : 1,
        callback: cfg && cfg.callback ? cfg.callback : null
    };

    var $input = $(this);
    var min = this.sliderCfg.min;
    var max = this.sliderCfg.max;
    var step = this.sliderCfg.step;
    var callback = this.sliderCfg.callback;

    $input.attr('min', min)
        .attr('max', max)
        .attr('step', step);

    $input.bind("input", function(e){
        $input.attr('value', this.value);
        $input.css( 'background', 'linear-gradient(to right, #059CFA, white ' + this.value + '%, white)' );

        if ($.isFunction(callback)) {
            callback(this);
        }
    });
};

该问题已被官方收录

不知道怎么获取全部盒子。不知道下面第一幅图怎么判断子元素的class

1

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    var boxes = [];
    $(document).ready(function () {
        boxes.push($(".box"));
        alert(boxes.length)
    });

该问题已被官方收录

游戏进行到第二天，第一天的4个框的状态如何保存？

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var inbox = '<div \"content1\" >\n' +
   '        <span></span>\n' +
   '        <span \"day\">第'+ i + '天</span>\n' +
   '        <span \"icon\"></span>\n' +
   '    </div>\n' +
   '    <div \"hidden1\">\n' +
   '        <div \"bar\">\n' +
   '            <div \"circular-first\"></div>\n' +
   '            <div \"circular-second\"></div>\n' +
   '        </div>\n' +
   '        <ul>\n' +
   '            <li \"killer\">\n' +
   '                <div \"triangle1\"></div>\n' +
   '                <span \"triangle2\">杀手杀人</span>\n' +
   '            </li>\n' +
   '            <div \"box2\">\n' +
   '            <span>昨晚' + theKillNum + '号被杀，真实身份是' + theKillId + '</span>\n' +
   '            </div>\n' +
   '        </ul>\n' +
   '        <ul>\n' +
   '            <li \"die\">\n' +
   '                <div \"triangle1\"></div>\n' +
   '                <span \"triangle2\">亡灵发表遗言</span>\n' +
   '            </li>\n' +
   '        </ul>\n' +
   '        <ul>\n' +
   '            <li \"player\">\n' +
   '                <div \"triangle1\"></div>\n' +
   '                <span \"triangle2\">玩家依次发言</span>\n' +
   '            </li>\n' +
   '        </ul>\n' +
   '        <ul>\n' +
   '            <li \"vote\">\n' +
   '                <div \"triangle1\"></div>\n' +
   '                <span \"triangle2\">投票</span>\n' +
   '            </li>\n' +
   '        </ul>\n' +
   '            <div \"box2\">\n' +
   '            <span>昨晚' + theVoteNum + '号被投死，真实身份是' +  theVoteId + '</span>\n' +
   '            </div>\n' +
   '    </div>';

<div "content">
<span></span>
<span "day">第1天</span>
<span "icon"></span>
</div>
<div "hidden">
<div "bar">
<div "circular-first"></div>
<div "circular-second"></div>
</div>
<ul>
<li "killer">
<div "triangle" id="one1"></div>
<span id="one2">杀手杀人</span>
</li>
</ul>
<div "box">
<span>昨晚<span id="realNum">theKillNum</span>号被杀,真实身份是<span id="realId">theKillRole</span></span>
</div>
<ul>
<li "die">
<div "triangle" id="two1"></div>
<span id="two2">亡灵发表遗言</span>
</li>
</ul>
<ul>
<li "player">
<div "triangle" id="three1"></div>
<span id="three2">玩家依次发言</span>
</li>
</ul>
<ul>
<li "vote">
<div "triangle" id="four1"></div>
<span id="four2">投票</span>
</li>
</ul>
<div "box1">
<span>昨晚  theKillNum 号被杀真实身份是 Thekillrole </span>
</div>
</div>

该问题已被官方收录

对一个数组进行随机排序有哪些写法？

1

1

表达式和运算符变量函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 function _3number() {
            var arr = []
            for (i = 0; i < 9; i++) {
                arr.push(bg());
            }

            arr.sort(function () {
                return Math.random() - 0.5
            })
            var a = arr[0];
            var b = arr[1];
            var c = arr[2];
            return(a+b+c);
        }

function number() { // 随机0-9数字函数
            return Math.floor(Math.random() * 9);
        }

该问题已被官方收录

ionic在书写页面后，在ios设备上的safari浏览器无法滑动内容

0

1

其他插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<ion-scroll
        scrollbar-y="false"
        class="homePage-main"
        overflow-scroll="true"
        ui-view>
</ion-scroll >

该问题已被官方收录

在项目中，我们经常会看到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": ""
}

该问题已被官方收录

删除按钮用了bootstrap的模态框，点击确定页面无反应

0

1

angular 插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.

该问题已被官方收录

创建新项目时不能选择普通模板

1

1

小程序界面构建小程序语言基础

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

jqiery状态机

0

1

Ajax登陆

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var $stage = new StateMachine({
    init: 'ready',
    transitions: [
        { name: 'step1', from: 'ready', to: 'kill' },
        { name: 'step2', from: 'kill', to: 'words' },
        { name: 'step3', from: 'words', to: 'speech' },
        { name: 'step4', from: 'speech', to: 'vote' },
        { name: 'reset', from: '*', to: 'ready' }
    ],
    methods: {
        onStep1: function() {
            $(".step:eq(0)").addClass("done");
            $(".round:eq(0)").addClass("do");
        },
        onStep2: function() {
            $(".step:eq(1)").addClass("done");
            $(".round:eq(1)").addClass("do");
        },
        onStep3: function() {
            $(".step:eq(2)").addClass("done");
            $(".round:eq(2)").addClass("do");
        },
        onStep4: function() {
            $(".step:eq(3)").addClass("done");
            $(".round:eq(3)").addClass("do");
        }
    }
});
 
$(".step:eq(0)").click(function () {
    $stage.onStep1();
    alert("进入杀人环节")
    window.location.href = "js2-6.html";
    
})

$(".step:eq(1)").click(function () {
    $stage.onStep2();
  
    
})

$(".step:eq(2)").click(function () {
    $stage.onStep3();
  
    
})

$(".step:eq(3)").click(function () {
    $stage.onStep4();
  
    
})

该问题已被官方收录

杀完人投票完后信息不能出现在正确的位置

0

1

控制流程语句节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码



  var contentlist = [];
    for (var h = 0; h < days; h++) {
        contentlist.push(
            '<div class="box">' +
            '<div class="top" id="day">第' + (h + 1) + '天</div>' +
            '<div class="mid">' +
            '<div class="right" id="menu">' +
            '<p class="step1" id="tokill">杀手杀人</p>' +
            '<div class="eer"></div>' +
            '<p class="step2" id="towords">亡灵发表遗言</p>' +
            '<p class="step3" id="tospeak">玩家依次发言</p>' +
            '<p class="step4" id="tovote">全民投票</p>' +
            '<div class="eef"></div>' +
            '<div class="moon"></div>' +
            '<div class="sun"></div>' +
            '</div>' +
            '</div>' +
            '</div>'
        );
    }
    ;
    $("main").html(contentlist.join(""));


   var p;
    for (p = 0; p < death.length; p++) {

        if (death[p].type === 'akiller') {
            console.log(p);
            $('.eer').eq(p).text('昨夜' + (death[p].num) + '号被杀死,' + '身份是' + (death[p].id));
            $('.step1:last').removeClass('step');
            $('.step1:last').addClass('death');

        } else if (death[p].type === 'avoter') {
            console.log(p);
            $('.eef').eq(p-1).text('昨夜' + (death[p].num) + '号被投死,' + '身份是' + (death[p].id));
            $('.step1').css('background', 'gray');
            $('.step2').css('background', 'gray');
            $('.step3').css('background', 'gray');
            $('.step4').css('background', 'gray');
            $('.step1:last').css('background', '#24a7c6');
            $('.step2:last').css('background', '#24a7c6');
            $('.step3:last').css('background', '#24a7c6');
            $('.step4:last').css('background', '#24a7c6');

        } else {
            return false;
        }
    }

去第页

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