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

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 读取上个页面保存的数值
var data = JSON.parse(sessionStorage.getItem('PartArr'));
console.log(data)

// 制作点击事件杀人页面第一个选项
var box2 = document.getElementsByClassName('box2')[0];
var bo = 0;
var sk = document.getElementsByClassName('show');
var sk1 = document.getElementsByClassName('show1');
// 右上角点击返回最初页面点击事件
var finish = document.getElementsByClassName('finish')[0].onclick = function () {
    window.location = './../js2-1/js2-1.html';
}
// 声明天数
// var ts;


if (sessionStorage.getItem('PartArr')) {
    sk.innerHTML = data;
}

function box1() {
    if (bo == 0) {
        box2.style.display = 'none';
        bo += 1;
    } else if (bo == 1) {
        box2.style.display = ''
        bo = 0;
    }
}
// --------------------------------------------------------
// 先声明变量，初始值
if (sessionStorage.cszt) {
    var cszt = sessionStorage.cszt;
} else {
    var cszt = 'pagetokill';
}





// 首先获取类名的DOM节点
var Boxtokill = document.getElementsByClassName('Box-to-kill')[0];
var Boxtokill1 = document.getElementsByClassName('Box-to-kill')[1];
var Boxtokill2 = document.getElementsByClassName('Box-to-kill')[2];
var Boxtokill3 = document.getElementsByClassName('Box-to-kill')[3];

// 有限状态机开始

var murderq = new StateMachine({
    // 初始状态:杀人页面
    init: cszt,
    transitions: [
        // 准备好的状态
        // 1准备杀人，2，杀人页面，3，选择杀人↓
        {
            name: 'readytokill',
            from: 'pagetokill',
            to: 'choosetokill'
        },
        // // 1死者遗言，2,选择杀人，3，发表遗言↓
        {
            name: 'thelastwords',
            form: 'choosetokill',
            to: 'publishedlastwords'
        },
        // // 1玩家发言,2发表遗言,3,玩家说话
        {
            name: 'theplayertospeak',
            form: 'publishedlastwords',
            to: 'playerstalk'
        },
        // //1全名投票，2玩家发言，3
        {
            name: 'referendum',
            form: 'playerstalk',
            to: 'vote'
        }
    ],
    // 点击之后输出的对话框
    methods: {
        onEnterChoosetokill: function () {
            // 第一个步骤判断，判断死亡的人进行渲染
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                }
            };
        },
        // 第二个步骤
        onEnterPublishedlastwords: function () {
            alert('死者发表遗言');
            Boxtokill1.style.background = 'black';
            //  重新执行一遍，保存数据
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    console.log(data[kk].num + '号被杀手杀死，真实身份是平民');
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                }
            };
        },

        onEnterPlayerstalk: function () {
            alert('玩家开始发言');
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                }
            }
            Boxtokill2.style.background = 'black';
            Boxtokill1.style.background = 'black';
        },

        onEnterVote: function () {
            // alert('开始投票');
            // window.location = './../js4投票/js4-tp.html';
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                    console.log(sk1)
                    sk1[0].innerHTML = data[kk].num + '号被投死，真实身份是' + data[kk].breed;
                    Boxtokill3.style.background = 'black';
                }
            }
            Boxtokill2.style.background = 'black';
            Boxtokill1.style.background = 'black';
            Boxtokill3.style.background = 'black';
        }
    }
});
// 第一个点击事件
Boxtokill.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            // 如果是这样的初始状态的情况下，就保存下来
            cszt = 'choosetokill';
            // 保存当前状态
            sessionStorage.cszt = cszt;
            console.log(cszt);
            window.location = './../js4杀手杀人/js4-3.html';
            murderq.readytokill();
            break;
        case 'choosetokill':
            alert('请按照顺序');
            break;
        case 'publishedlastwords':
            alert('请按照顺序操做');
            break;
        case 'playerstalk':
            alert('请按照顺序操作');
            break;
    }
    console.log(murderq.state)
}
// 第二个点击事件
Boxtokill1.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            alert('请按照顺序操作');
            break;
        case 'choosetokill':
            murderq.thelastwords();
            break;
        case 'publishedlastwords':
            alert('请按照顺序');
            // 保存当前状态
            sessionStorage.cszt = murderq.state;
            break;
        case 'playerstalk':
            alert('请按照顺序操作');
            break;
    }
    console.log(murderq.state);
}
console.log(murderq.state)
// 第三个点击事件
Boxtokill2.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            alert('请按照顺序');
            break;
        case 'publishedlastwords':
            murderq.theplayertospeak();
            sessionStorage.cszt = murderq.state;
            break;
        case 'choosetokill':
            alert('请按照顺序操作');
            break;
        case 'playerstalk':
            alert('请按照顺序操作');
            break;
    }
    console.log(murderq.state)
}

// 第四个点击事件
Boxtokill3.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            alert('请按照顺序');
            break;
        case 'playerstalk':
        murderq.referendum();
        alert('开始投票');
        window.location = './../js4投票/js4-tp.html';
            sessionStorage.cszt = murderq.state;
            break;
    }
}
console.log(murderq.state);

该问题已被官方收录

时间插件怎么根据URL参数返回正确的日期

1

1

angular 插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

   $state.go('backstage.list',
            {
                // "page": change,
                "startAt":new Date(dateStart).getTime(),
                "endAt":new Date(dateEnd).getTime(),
                "type": searchType,
                "status" :searchStatus
            }
        );

该问题已被官方收录

为什么我的有限状态机实现不了？

1

1

有限状态机

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

代码如图

该问题已被官方收录

日期表的样式崩了

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<form action="">
            <div class="row">
                <div class="time col-md-4">
                    <!--<div style="display:inline-block; min-height:290px;">-->
                        <!--<div uib-datepicker ng-model="dt" class="well well-sm" datepicker-options="options"></div>-->
                    <!--</div>-->
                    <p class="time-p">发布时间</p>
                    <input type="text"
                           class="form-control"
                           uib-datepicker-popup="yyyy-MM-dd"
                           is-open="startIsOpen"
                           ng-model="startAt"
                           clear-text="清空"
                           close-text="关闭"
                           current-text="今天"
                           alt-input-formats="['yyyy-M!-d!']"
                           datepicker-options="{showWeeks:false,maxDate:startMaxDate}"
                           ng-click="startDate()">
                </div>
                <div class="time col-md-4">
                    <p class="time-p-b">—</p>
                    <input type="text"
                           class="form-control"
                           uib-datepicker-popup="yyyy-MM-dd"
                           is-open="endIsOpen"
                           ng-model="endAt"
                           clear-text="清空"
                           close-text="关闭"
                           current-text="今天"
                           alt-input-formats="['yyyy-M!-d!']"
                           datepicker-options="{showWeeks:false,maxDate:today,minDate:startAt}"
                           ng-click="endDate()">

                </div>
                <div class="time col-md-4">
                    <p class="time-p-s">类型</p>
                    <!--<input class="time-input" type="text">-->
                    <select class="form-control" ng-model="type">
                        <option ng-repeat="x in searchType" value="{{x.num}}">{{x.type}}</option>
                    </select>
                </div>
                <div class="time col-md-4">
                    <p class="time-p-s">状态</p>
                    <!--<input class="time-input" type="text">-->
                    <select class="form-control" ng-model="status">
                        <option ng-repeat="x in searchStatus" value="{{x.num}}">{{x.status}}</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 btn-p">
                    <button type="button" class="btn-q" ng-click="clearAll()">清空</button>
                    <button type="button" class="btn-s">搜索</button>
                </div>
            </div>
        </form>

该问题已被官方收录

如何筛选出已经死亡的人?

1

1

事件节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

能使用已经有的数据最好了

该问题已被官方收录

用了网上分页插件的写法，写上去以后，分页没有显示出来，什么也显示不出来

1

1

分页

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

引入的插件

 <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>

 <script src="js/ui-bootstrap-tpls-2.5.0.min.js"></script>



分页代码

 <body ng-app="ui.bootstrap.demo">

     <div ng-controller="PaginationDemoCtrl">

         <uib-pagination total-items="totalItems" ng-model="currentPage" max-size="maxSize" first-text="第一页" previous-text="上一页" next-text="下一页" last-text="最后页" boundary-links="true" boundary-link-numbers="true"></uib-pagination>

     </div>

 </body>



 <script>

         angular.module('ui.bootstrap.demo', ['ui.bootstrap']).controller('PaginationDemoCtrl', function ($scope) {

             $scope.maxSize = 5;

             $scope.totalItems = 175;

             $scope.currentPage = 1;

         });

     </script>

该问题已被官方收录

nginx反向代理服务,配置conf文件后，nginx就无法启动了。

1

1

Ajax 跨域

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   G:\home\www;
            index  index.html index.htm;
        }
        location /carrots-admin-ajax/ {
            proxy_pass http://dev.admin.carrots.ptteng.com/;
        }

该问题已被官方收录

JQ操作不了伪元素，那怎么用JQ使伪元素变色

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 //当进行的天数大于1的时候，在活动台本前插入静止的法官台本
    if (day > 1) {
        for (var i = 0; i < day - 1; i++) {
            $(".item:last").before("<div class=\"item\">\n" +
                "        <div class=\"day\">第" + (i + 1) + "天</div>\n" +
                "        <div class=\"wrap\">\n" +
                "            <div class=\"night\">\n" +
                "                <ul>\n" +
                "                    <li class=\"killer-kill killer-kill-dead\">杀手杀人</li>\n" +
                "                    <li class=\"kill-message killer-kill-message\">3号被杀手杀死，真实身份是平民</li>\n" +
                "                </ul>\n" +
                "            </div>\n" +
                "            <div class=\"daytime\">\n" +
                "                <ul>\n" +
                "                    <li class=\"ghost-speak ghost-speak-dead\">亡灵发表遗言</li>\n" +
                "                    <li class=\"player-speak player-speak-dead\">玩家依次发言</li>\n" +
                "                    <li class=\"vote-kill vote-kill-dead\">全民投票</li>\n" +
                "                    <li class=\"kill-message vote-kill-message\">5号被投票投死，真实身份是杀手</li>\n" +
                "                </ul>\n" +
                "            </div>\n" +
                "        </div>\n" +
                "    </div>")
            //将这一天的信息隐藏
            $(".wrap").eq(i).hide();
            //取出装每天的两个事件说明的数组,分别分配给各个静止法官台本
            var words = JSON.parse(sessionStorage.getItem("words"));
            $(".killer-kill-message").eq(i).text(words[2 * i]);
            $(".killer-kill-message").eq(i).show();
            $(".vote-kill-message").eq(i).text(words[2 * i + 1]);
            $(".vote-kill-message").eq(i).show();
            //将静止台本的每个步骤都设置高亮
            //第一步高亮
            $(".killer-kill").eq(i).css("background", "#92b7a5");
      
            //第二步高亮
            $(".ghost-speak").eq(i).css("background", "#92b7a5");
           
            //第三步高亮
            $(".player-speak").eq(i).css("background", "#92b7a5");
           
            //第四步高亮
            $(".vote-kill").eq(i).css("background", "#92b7a5");
           
        }

该问题已被官方收录

如何使用一个页面展示不同的信息

1

1

节点操作事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
    <title>法官日记</title>
    <link rel="stylesheet" type="text/css" href="../css/task234-riji.css">
  </head>
  <body>      
    <!-- 页眉 -->
    <header>
      <img src="../images/11.png">
      <span>法官日记</span> 
      <img src="../images/09.png">
    </header>
    <!-- 内容主体 -->
    <main>
      <!-- 水民一号 -->
      <div id="box">
        <!-- 通过js动态输入HTML代码 -->
      </div>
    </main>
    <footer>
      <span>开始游戏</span> 
    </footer>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/javascript-state-machine/2.0.0/state-machine.min.js"></script>
    <script src="../js/task234-riji.js"></script>
  </body>
</html>

该问题已被官方收录

获取不到value值.

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var btn = document.getElementsByClassName("btn");

var uers = document.getElementsByClassName("phone");
var ff = uers.value;
console.log(ff)
var password = document.getElementsByClassName("lock").value;
console.log(password)
uers.value == "dfd"
    if( uers.value == "") {
        alert("请输入用户名");
    }
    else if (password.value == "") {
        alert("请输入密码");
    }

去第页

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