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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

在ui-router1.0以上版本$rootScope.$on监听路由跳转不生效

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<script src="https://cdn.bootcss.com/angular.js/1.6.1/angular.js"></script>
<script src="https://cdn.bootcss.com/angular-ui-router/1.0.3/angular-ui-router.js"></script>
.run(function ($transitions,$rootScope, $state, $timeout, $http,$location,$stateParams) {
  console.log(222);
  console.log($state);
  console.log($rootScope);

   $rootScope.$on('$stateChangeSuccess', function (
     event, toState, toParams, fromState, fromParams) {
   console.log(111)

   });

该问题已被官方收录

如何用jquery实现AJax请求？

1

1

Ajax

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(function () {
    //登录点击事件
    $('#login').click(function () {
        // //获取用户名和密码
        var name = $("input").eq(0).val();;
        var password = $("input").eq(1).val();
        // console.log(name);
        // console.log(password);
        //正则表达式表单验证
        //用户名验证：4-16个字符，可使用字母，数字，下划线，需以字母开头
        var reguser = /\w{4,16}/;
        //验证密码：6-18个字符，字母和数字的组合，区分大小写
        var regpassword = /^[A-Za-z0-9]{6,18}$/;
        //判断输入内容是否正确
        if (name === "") {
            $('#cue').html("用户名不能为空");
        } else if (!reguser.test(name)) {
            $('#cue').html("用户名不符合要求");
        } else if (!regpassword.test(password)) {
            $('#cue').html("密码不符合要求");
        } else {
            //     //创建xmlHttpRequest对象
            //     var xhr = new XMLHttpRequest();
            //     // console.log(xhr)
            //     //打开xmlHttpRequest对象，并规定该请求的类型/地址/异步
            //     xhr.open("post", '/carrots-admin-ajax/a/login/', true);
            //     //添加http请求头
            //     xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            //     //发送XMLHttpRequest对象给服务器
            //     xhr.send("name=" + name + "&pwd=" + password);
            //     //当readyState属性改变时调用该函数
            //     xhr.onreadystatechange = function () {
            //         //判断请求完成并且响应就绪
            //         if (xhr.readyState == 4 && xhr.status == 200) {
            //             // console.log(responseText);
            //             //将json字符串转换为对象
            //             var jsonObj = JSON.parse(xhr.responseText);
            //             console.log(jsonObj);
            //             //当用户名和密码都正确跳转到后台页面
            //             if (jsonObj.message == "success") {
            //                 window.location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard';
            //             } else {
            //                 $('#cue').html(jsonObj.message);
            //             }
            //         }
            //     }
            // }
            //jquery ajax异步请求
            $.post("/carrots-admin-ajax/a/login/", {
                    name: name,
                    pwd: password
                },
                function (data, status) {
                    console.log(data)
                    var jsonObj = JSON.parse(data);
                    console.log(jsonObj);
                    //当用户名和密码都正确跳转到后台页面
                    if (jsonObj.message == "success") {
                        window.location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard';
                    } else {
                        $('#cue').html(jsonObj.message);
                    }
                }

            )
        }
    })
})

该问题已被官方收录

vscode如何使保存时自动保存为eslint语法格式

0

1

vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript", {
"language": "vue",
"autoFix": true
}, "html",
"vue"
],

该问题已被官方收录

在任务二的时候，要怎么去把进行身份的打乱然后发配到每一个牌当中

1

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!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>Document</title>
    <link rel="stylesheet" type="text/css"href="./js2-3.css">
    <script type="text/javascritp" defer="defer" src="./js2-3.js"></script>
</head>
<body>
    <header>
        <a onclick="window.location='./../js2-2/js2-2.html'" class="return"></a>
        <h4>查看身份</h4>
        <a href="/js2-1/js2-1.html" class="close"></a>
    </header>
    <main>
        <div class="box1">
            <span id="time">1</span>
            <div id="img"></div>
            <p class="identity">平民</p>
        </div>
    </main>
    <footer>
        <span onclick="chan()" id="examine">查看1号身份</span>
    </footer>
    <script src="./js2-3.js"></script>
</body>
</html>
var s = document.getElementsByClassName('box1')[0];
var flag = 1;
var number = 2
console.log(flag);

function chan() {
    if (flag === 1) {
        s.style.display = 'none';
        flag = flag + 1;
        console.log(flag);
    } else if (flag === 2) {
        s.style.display = '';
        flag = 1;
    }
}

// 读取上个页面存贮的数字
var killer = parseInt(localStorage.killer);
var people = parseInt(localStorage.people);
console.log(localStorage.killer)
console.log(localStorage.people);

// 声明空数组
var array = [];
for (var y = 0; y < people; y++) {
    array.push(localStorage.people);
}
for (var x = 0; x < killer; x++) {
    array.push(localStorage.killer);
}
// 在把空数组引用进来，进行重新排序
function dl() {
    for (var i = array.length - 1; i >= 0; i--) {
        var number = Math.floor(Math.random() * (i + 1))
        var temp = array[i];
        array[i] = array[number];
        array[number] = temp;
    }
}
dl();
console.log(array)
var opp = 1;
var time = document.getElementById('time');
var chakan = document.getElementById('examine')
var img = document.getElementById('img')
var identity = document.getElementsByClassName('identity')[0]
var a = 1;

function chan() {
    if (array[a - 1] === localStorage.people) {
        if (a % 2 === 0) {
            opp += 1;
        }
        a++;
        time.innerHTML = opp
        identity.innerHTML = '平民'
        chakan.innerHTML = '隐藏并传递给'+(a-1)+'号'
        img.style.width = '100%';
        img.style.background = "url(../img/平民.png)  no-repeat 51.347% 39.181%";
        img.style.backgroundColor = '#FFEDC5';
        img.style.zoom = '.8';
        identity.style.display = 'inline-block';
        console.log(opp)
    }
    
    else if (array[a - 1] === localStorage.killer) {
        if (a % 2 === 0) {
            opp += 1;
        }
        a++;
        time.innerHTML = opp
        identity.innerHTML = '杀手'
        img.style.width = '100%';
        chakan.innerHTML = '隐藏并传递给'+(a-1)+'号'
        img.style.background = "url(../img/杀手.png)  no-repeat 51.347% 39.181%";
        img.style.backgroundColor = '#FFEDC5';
        img.style.zoom = '.8';
        img.style.border= 'radius: 50%';
        identity.style.display = 'inline-block';

    }
    else if(opp<array.length){
        if (a % 2 === 0) {
            opp += 1;
        }
        a++
        time.innerHTML = opp
        img.style.background = "url(../img/椭圆 2.png)  no-repeat 51.347% 39.181%";
    }
     else {
        location.href = "./../js3法官日记页面/js3-2.html"
        console.log('打断掉')
    }
}

该问题已被官方收录

问题描述：ng-options 设置初始值，无法正常显示，使用对象作为数据源,

0

1

angular view angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="col-md-4 col-sm-12">
                    <div class="row">
                        <label class="col-md-4 col-sm-4">类    型</label>
                        <!--<select    ng-init="selectedType = type.type1.type" ng-model="selectedType" ng-options="x for (x,y) in type)">-->
                        <!--</select>-->
                        <select  ng-init="selectedType = type.type1.type" ng-model="selectedType" ng-options="y.type for (x, y) in type">
                        </select>
                        <p>{{type.type1.type}}</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="row">
                        <label class="col-md-4 col-sm-4">状    态</label>
                        <select  ng-init="selectedState = state.state1" ng-model="selectedState" ng-options="y for (x,y) in state">
                        </select>
                    </div>
                </div>

  $scope.type = {
        state1 :"全部",
        type1 : {type:"全部"},
        type2 : {type:"首页Banner"},
        type3 : {type:"找职位Banner"},
        type4 : {type:"找精英Banner"},
        type5 : {type:"行业大图"}
    };
    $scope.state = {
        state1:"全部",
        state2:"草稿",
        state3:"上线",
    }

该问题已被官方收录

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

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>

该问题已被官方收录

js开启严格模式下疯狂报错

1

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.controller('BackCtrl', function ($scope, $location, $http, $state) {
    "use strict"

    //后台页面控制器

    //菜单
    $scope.menus = [{
            title: '信息管理',
            lists: [{
                    content: '公司列表',
                    url: 'backstage.company'
                },
                {
                    content: '职位列表',
                    url: 'backstage.post'
                },
            ],
            open: false,
            sref: ''
        },
        {
            title: '内容管理',
            lists: [{
                content: 'Article管理',
                url: 'backstage.list'
            }, ],
            open: false,
            sref: ''
        },
        {
            title: '后台管理',
            lists: [{
                    content: '账号管理',
                    url: 'backstage.account'
                },
                {
                    content: '角色管理',
                    url: 'backstage.role'
                },
                {
                    content: '修改管理',
                    url: 'backstage.revision'
                },
                {
                    content: '模块管理',
                    url: 'backstage.module'
                },
            ],
            open: false,
            sref: ''
        },
    ]
    //验证是否登录，未登录禁止访问
    let logined = JSON.parse(sessionStorage.getItem('logined'));
    if (logined !== 0) {
        alert('账号未登录');
        $state.go('login');
    }
    //注销登录
    $scope.logout = function () {
        $http({
            method: 'post',
            url: '/carrots-admin-ajax/a/logout',
            header: {
                'Content-Type': 'application/x-www-form-urlencoded'
            }
        }).then(function (res) {
            console.log(res)
            if (res.data.code === 0) {
                $state.go('login');
                sessionStorage.clear();
            }
        })
    }

    // 子菜单状态保存
    // let currentUrl = $location.path(); //获取当前路由
    // currentUrl = currentUrl.replace(/\//g, '.'); //正则替换掉斜杠
    // currentUrl = currentUrl.slice(1) //删除最前面的斜杠
    // $scope.currentUrl = currentUrl;
    //风琴菜单状态保存
    
    $scope.navtitle = function (index) {
        console.log(index);
        console.log(!$scope.menus[index].open);
        sessionStorage.setItem("session", index)
        sessionStorage.setItem("index0",  !$scope.menus[index].open)
    }
    if (window.sessionStorage.getItem("session") !== null) {
        session = parseInt(window.sessionStorage.getItem("session"))
        index0 = window.sessionStorage.getItem("index0")
        console.log(index0);
        console.log(session);
        $scope.menus[session].open = index0
    }
    //侧边栏高亮
    $scope.aaa = function (x, y) {
        console.log(x, y)
        for (let r = 0; r < $scope.menus.length; r++) {
            for (let i = 0; i < $scope.menus[r].lists.length; i++) {
                $scope.menus[r].lists[i].isOrgancheck = false;
            }
        }
        $scope.menus[x].lists[y].isOrgancheck = true;
        sessionStorage.setItem("sessionx", x)
        sessionStorage.setItem("sessiony", y)
    }
    sessionx = window.sessionStorage.getItem("sessionx")
    sessiony = window.sessionStorage.getItem("sessiony")
    if (sessionx !== null && sessiony !== null) {
        $scope.menus[sessionx].lists[sessiony].isOrgancheck = true;
    }
}

该问题已被官方收录

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!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="../scss/version.css">
    <script src="../js/state-machine.js"></script>
</head>

<body>
    <header>
        <a class="return" href="./journal.html"></a>
        <h4>法官台本</h4>
        <a class="right" href="#">
            <span></span>
        </a>
    </header>
    <main>
        <div class="itme">
            <div class="day">
                第<span class="dayss">一</span>天
                <span class="dropdown"></span>
            </div>
            <div class="order">
                <span class="triangle"></span>
                <div class="box">
                    <div class="one">
                        <img src="../img/taiyang.png">
                    </div>
                    <div class="two">
                        <img src="../img/yueliang.png">
                    </div>
                    <button class="killingg">杀手杀人</button>
                    <p class="sha" id="shaa"></p>
                    <button class="undeadspeakk">亡灵发表遗言</button>
                    <button class="playerspeakingg">玩家依次发言</button>
                    <button class="votingg">全民投票</button>
                    <p class="tou"></p>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <button id="end">结束游戏</button>
        <button id="record">法官日志</button>
    </footer>
    <script>
        var dayss = document.getElementsByClassName("dayss");
        var itme = document.getElementsByClassName("itme"); //获取克隆的源节点
        var order = document.getElementsByClassName("order");
        var sha = document.getElementsByClassName("sha");
        var tou = document.getElementsByClassName("tou");
        var daybtn = document.getElementsByClassName("day");
        var box = document.getElementsByClassName("box");
        //四个按钮的节点获取
        var killingg = document.getElementsByClassName("killingg");
        var undeadspeakk = document.getElementsByClassName("undeadspeakk");
        var playerspeakingg = document.getElementsByClassName("playerspeakingg");
        var votingg = document.getElementsByClassName("votingg");
        //console.log(p);
        var step = sessionStorage.getItem("step"); //提取步骤
        // console.log(step)
        //提取被杀死的平民信息
        if (sessionStorage.getItem("killDead")) {
            var killDead = JSON.parse(sessionStorage.getItem("killDead"));
        } else {
            var killDead = [];
        }
        // console.log(killDead);
        //提取被投死的玩家信息
        if (sessionStorage.getItem("voteDead")) {
            var voteDead = JSON.parse(sessionStorage.getItem("voteDead"));
        } else {
            var voteDead = [];
        }
        console.log(voteDead)
        // console.log(voteDead);
        //提取天数
        if (sessionStorage.getItem("days")) {
            var days = sessionStorage.getItem("days");
        } else {
            var days = 1;
        }
        console.log(days);
        //创建天数数组
        var daysArray = ["十", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
        sessionStorage.setItem("daysArray",JSON.stringify(daysArray));
        //创建状态机数组
        // var state = ["kill", "undead", "playerspeak", "vote"];
        //创建执行顺序状态机
        var fsm = new StateMachine({
            //当前状态
            init: "kill",
            //状态转换
            transitions: [{
                    name: "killing",
                    from: "kill",
                    to: "undead"
                },
                {
                    name: "undeadspeak",
                    from: "undead",
                    to: "playerspeak"
                },
                {
                    name: "playerspeaking",
                    from: "playerspeak",
                    to: "vote"
                },
                {
                    name: "voting",
                    from: "vote",
                    to: "kill"
                }
            ],
            //构造状态机的方法
            methods: {
                /* 如果状态转换不能正常转换就会触发下面的错误处理机制 */
                onInvalidTransition: function (transitions, from, to) {
                    switch (from) {
                        case "kill":
                            alert("请点击杀手杀人");
                            break;
                        case "undead":
                            alert("请点击亡灵发表遗言");
                            break;
                        case "playerspeak":
                            alert("请点击玩家依次发言");
                            break;
                        case "vote":
                            alert("请点击请点击全民投票");
                            break;
                    }
                }
            }
        });

        window.onload = function () {
            if (days > 1) {
                for (let i = 0; i < days - 1; i++) {
                    var cloneNode = itme[0].cloneNode(true);
                    itme[0].parentNode.appendChild(cloneNode);
                    // console.log(itme)
                    // console.log(itme[i])
                    console.log(box[3])
                    var button = box[i].getElementsByTagName("button"); //获取button
                    // console.log(button);
                    for (let i = 0; i < button.length; i++) {
                        button[i].style.background = "red";
                    }
                    // console.log(itme)

                    var button = box[i + 1].getElementsByTagName("button"); //获取当前天的button
                    for (let i = 0; i < button.length; i++) {
                        button[i].style.background = "#24A7C6";
                    }
                    dayss[i].innerHTML = daysArray[i + 1]; //修改天数数字
                    sha[i].innerHTML = killDead[i];
                    tou[i].innerHTML = voteDead[i];
                    // console.log(i);
                    // console.log(voteDead)
                    //  console.log(tou[i])
                    //  console.log(tou[1])

                }

                for (let i = 0; i < days - 1; i++) { //当到下一天的时候，上一天自动隐藏
                    //console.log(order[i])
                    order[i].classList.add("none");
                }
                dayss[days - 1].innerHTML = daysArray[days]; //修改当前天数数字
                if (killDead[days - 1] == undefined) { //修改当前杀人信息
                    sha[days - 1].innerHTML = "";

                } else {
                    sha[days - 1].innerHTML = killDead[days - 1];
                }
                if (voteDead[days - 1] == undefined) { //修改当前投死信息
                    tou[days - 1].innerHTML = "";

                } else {
                    tou[days - 1].innerHTML = voteDead[days - 1];
                }

            }
            if (days == 1) {
                //console.log( killDead[0])
                if (killDead[0] == undefined) {
                    sha[0].innerText = "";
                } else {
                    sha[0].innerText = killDead[0];
                }
            }
            for (let i = 0; i < days; i++) {
                //console.log(daybtn[i])
                daybtn[i].onclick = function () {
                    order[i].classList.toggle("none");
                }
                killingg[i].onclick = function () {
                    //console.log(fsm.can('killing'));
                    fsm.killing();
                    if (step == null) {
                        location.href = ('killing.html');
                    }
                }
                undeadspeakk[i].onclick = function () {
                    //console.log(fsm.can('undeadspeak'));
                    fsm.undeadspeak();
                    if (step == 1) {
                        alert("亡灵发表遗言");
                        undeadspeakk[i].style.background = "red";
                        step = 2;
                        sessionStorage.setItem("step", step);
                    }
                }
                playerspeakingg[i].onclick = function () {
                    //console.log(fsm.can('playerspeaking'));
                    fsm.playerspeaking();
                    if (step == 2) {
                        alert("玩家发表言");
                        playerspeakingg[i].style.background = "red";
                        step = 3;
                        sessionStorage.setItem("step", step);
                    }
                }
                // console.log(step);
                votingg[i].onclick = function () {
                    //console.log(fsm.can('voting'));
                    fsm.voting();
                    if (step == 3) {
                        sessionStorage.setItem("days", days);
                        sessionStorage.setItem("step", step);
                        location.href = ('vote.html');
                    }
                }

            }
            switch (step) {
                case "1":
                    fsm.killing();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                    }
                    break;
                case "2":
                    fsm.killing();
                    fsm.undeadspeak();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                        undeadspeakk[i].style.background = "red";
                    }
                    break;
                case "3":
                    fsm.killing();
                    fsm.undeadspeak();
                    fsm.playerspeaking();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                        undeadspeakk[i].style.background = "red";
                        playerspeakingg[i].style.background = "red";
                    }

                    break;
                case "4":
                    step = null;
                    break;
            }
            // for(var i =0 ; i < days - 1 ; i++){
                
            // }
        }
        //第一天的步骤

        //退出游戏按钮
        var close = document.getElementsByClassName("right")[0];
        close.onclick = function () {
            if (confirm("确定退出游戏么？")) {
                sessionStorage.clear();
                location.href = ("homepage.html");
            }
        }
        //法官日记按钮
        var record = document.getElementById("record");
        record.onclick = function () {
            location.href = ("record.html");
        }
        //结束游戏按钮
        var end = document.getElementById("end");
        end.onclick = function () {
            if (confirm("确定退出游戏么？")) {
                sessionStorage.clear();
                location.href = ("homepage.html");
            }
        }
    </script>

</body>

</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="../scss/version.css">
    <script src="../js/state-machine.js"></script>
</head>

<body>
    <header>
        <a class="return" href="./journal.html"></a>
        <h4>法官台本</h4>
        <a class="right" href="#">
            <span></span>
        </a>
    </header>
    <main>
        <div class="itme">
            <div class="day">
                第<span class="dayss">一</span>天
                <span class="dropdown"></span>
            </div>
            <div class="order">
                <span class="triangle"></span>
                <div class="box">
                    <div class="one">
                        <img src="../img/taiyang.png">
                    </div>
                    <div class="two">
                        <img src="../img/yueliang.png">
                    </div>
                    <button class="killingg">杀手杀人</button>
                    <p class="sha" id="shaa"></p>
                    <button class="undeadspeakk">亡灵发表遗言</button>
                    <button class="playerspeakingg">玩家依次发言</button>
                    <button class="votingg">全民投票</button>
                    <p class="tou"></p>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <button id="end">结束游戏</button>
        <button id="record">法官日志</button>
    </footer>
    <script>
        var dayss = document.getElementsByClassName("dayss");
        var itme = document.getElementsByClassName("itme"); //获取克隆的源节点
        var order = document.getElementsByClassName("order");
        var sha = document.getElementsByClassName("sha");
        var tou = document.getElementsByClassName("tou");
        var daybtn = document.getElementsByClassName("day");
        var box = document.getElementsByClassName("box");
        //四个按钮的节点获取
        var killingg = document.getElementsByClassName("killingg");
        var undeadspeakk = document.getElementsByClassName("undeadspeakk");
        var playerspeakingg = document.getElementsByClassName("playerspeakingg");
        var votingg = document.getElementsByClassName("votingg");
        //console.log(p);
        var step = sessionStorage.getItem("step"); //提取步骤
        // console.log(step)
        //提取被杀死的平民信息
        if (sessionStorage.getItem("killDead")) {
            var killDead = JSON.parse(sessionStorage.getItem("killDead"));
        } else {
            var killDead = [];
        }
        // console.log(killDead);
        //提取被投死的玩家信息
        if (sessionStorage.getItem("voteDead")) {
            var voteDead = JSON.parse(sessionStorage.getItem("voteDead"));
        } else {
            var voteDead = [];
        }
        console.log(voteDead)
        // console.log(voteDead);
        //提取天数
        if (sessionStorage.getItem("days")) {
            var days = sessionStorage.getItem("days");
        } else {
            var days = 1;
        }
        console.log(days);
        //创建天数数组
        var daysArray = ["十", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
        sessionStorage.setItem("daysArray",JSON.stringify(daysArray));
        //创建状态机数组
        // var state = ["kill", "undead", "playerspeak", "vote"];
        //创建执行顺序状态机
        var fsm = new StateMachine({
            //当前状态
            init: "kill",
            //状态转换
            transitions: [{
                    name: "killing",
                    from: "kill",
                    to: "undead"
                },
                {
                    name: "undeadspeak",
                    from: "undead",
                    to: "playerspeak"
                },
                {
                    name: "playerspeaking",
                    from: "playerspeak",
                    to: "vote"
                },
                {
                    name: "voting",
                    from: "vote",
                    to: "kill"
                }
            ],
            //构造状态机的方法
            methods: {
                /* 如果状态转换不能正常转换就会触发下面的错误处理机制 */
                onInvalidTransition: function (transitions, from, to) {
                    switch (from) {
                        case "kill":
                            alert("请点击杀手杀人");
                            break;
                        case "undead":
                            alert("请点击亡灵发表遗言");
                            break;
                        case "playerspeak":
                            alert("请点击玩家依次发言");
                            break;
                        case "vote":
                            alert("请点击请点击全民投票");
                            break;
                    }
                }
            }
        });

        window.onload = function () {
            if (days > 1) {
                for (let i = 0; i < days - 1; i++) {
                    var cloneNode = itme[0].cloneNode(true);
                    itme[0].parentNode.appendChild(cloneNode);
                    // console.log(itme)
                    // console.log(itme[i])
                    console.log(box[3])
                    var button = box[i].getElementsByTagName("button"); //获取button
                    // console.log(button);
                    for (let i = 0; i < button.length; i++) {
                        button[i].style.background = "red";
                    }
                    // console.log(itme)

                    var button = box[i + 1].getElementsByTagName("button"); //获取当前天的button
                    for (let i = 0; i < button.length; i++) {
                        button[i].style.background = "#24A7C6";
                    }
                    dayss[i].innerHTML = daysArray[i + 1]; //修改天数数字
                    sha[i].innerHTML = killDead[i];
                    tou[i].innerHTML = voteDead[i];
                    // console.log(i);
                    // console.log(voteDead)
                    //  console.log(tou[i])
                    //  console.log(tou[1])

                }

                for (let i = 0; i < days - 1; i++) { //当到下一天的时候，上一天自动隐藏
                    //console.log(order[i])
                    order[i].classList.add("none");
                }
                dayss[days - 1].innerHTML = daysArray[days]; //修改当前天数数字
                if (killDead[days - 1] == undefined) { //修改当前杀人信息
                    sha[days - 1].innerHTML = "";

                } else {
                    sha[days - 1].innerHTML = killDead[days - 1];
                }
                if (voteDead[days - 1] == undefined) { //修改当前投死信息
                    tou[days - 1].innerHTML = "";

                } else {
                    tou[days - 1].innerHTML = voteDead[days - 1];
                }

            }
            if (days == 1) {
                //console.log( killDead[0])
                if (killDead[0] == undefined) {
                    sha[0].innerText = "";
                } else {
                    sha[0].innerText = killDead[0];
                }
            }
            for (let i = 0; i < days; i++) {
                //console.log(daybtn[i])
                daybtn[i].onclick = function () {
                    order[i].classList.toggle("none");
                }
                killingg[i].onclick = function () {
                    //console.log(fsm.can('killing'));
                    fsm.killing();
                    if (step == null) {
                        location.href = ('killing.html');
                    }
                }
                undeadspeakk[i].onclick = function () {
                    //console.log(fsm.can('undeadspeak'));
                    fsm.undeadspeak();
                    if (step == 1) {
                        alert("亡灵发表遗言");
                        undeadspeakk[i].style.background = "red";
                        step = 2;
                        sessionStorage.setItem("step", step);
                    }
                }
                playerspeakingg[i].onclick = function () {
                    //console.log(fsm.can('playerspeaking'));
                    fsm.playerspeaking();
                    if (step == 2) {
                        alert("玩家发表言");
                        playerspeakingg[i].style.background = "red";
                        step = 3;
                        sessionStorage.setItem("step", step);
                    }
                }
                // console.log(step);
                votingg[i].onclick = function () {
                    //console.log(fsm.can('voting'));
                    fsm.voting();
                    if (step == 3) {
                        sessionStorage.setItem("days", days);
                        sessionStorage.setItem("step", step);
                        location.href = ('vote.html');
                    }
                }

            }
            switch (step) {
                case "1":
                    fsm.killing();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                    }
                    break;
                case "2":
                    fsm.killing();
                    fsm.undeadspeak();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                        undeadspeakk[i].style.background = "red";
                    }
                    break;
                case "3":
                    fsm.killing();
                    fsm.undeadspeak();
                    fsm.playerspeaking();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                        undeadspeakk[i].style.background = "red";
                        playerspeakingg[i].style.background = "red";
                    }

                    break;
                case "4":
                    step = null;
                    break;
            }
            // for(var i =0 ; i < days - 1 ; i++){
                
            // }
        }
        //第一天的步骤

        //退出游戏按钮
        var close = document.getElementsByClassName("right")[0];
        close.onclick = function () {
            if (confirm("确定退出游戏么？")) {
                sessionStorage.clear();
                location.href = ("homepage.html");
            }
        }
        //法官日记按钮
        var record = document.getElementById("record");
        record.onclick = function () {
            location.href = ("record.html");
        }
        //结束游戏按钮
        var end = document.getElementById("end");
        end.onclick = function () {
            if (confirm("确定退出游戏么？")) {
                sessionStorage.clear();
                location.href = ("homepage.html");
            }
        }
    </script>

</body>

</html>

该问题已被官方收录

如何实现立即上线和存为草稿按钮的禁用

0

1

angular model angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<form class="art-box" name="myForm">
            <div class="art-form">
                <div class="col-md-2 col-sm-2 col-xs-2 art-left">
                    标题名称
                </div>
                <div class="col-md-8 col-sm-8 col-xs-8">
                    <input class="art-right" type="text" ng-model="title" required>
                </div>
            </div>
            <div class="art-form">
                <div class="col-md-2 col-sm-2 col-xs-2 art-left">
                    类       型
                </div>
                <div class="col-md-3 col-sm-3 col-xs-3">
                    <select class="art-right" data-ng-model="paramsType" required>
                        <option value="">请选择</option>
                        <option data-ng-repeat="(x,y) in list" value="{{x}}">{{y}}</option>
                    </select>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-3">
                    <select class="art-right" data-ng-model="industryNum" data-ng-show="paramsType === '3'">
                        <option value="">请选择</option>
                        <option data-ng-repeat="(x,y) in industry1" value="{{x}}">{{y}}</option>
                    </select>
                </div>
            </div>
            <div class="art-form1">
                <div class="col-md-2 col-sm-2 col-xs-2 art-left">
                    说       明
                </div>
                <div class="col-md-8 col-sm-8 col-xs-8">
                    <div class="ueditor" ng-model="content"></div>
                </div>
            </div>
            <div class="art-form">
                <div class="col-md-2 col-sm-2 col-xs-2 art-left">
                    跳转链接
                </div>
                <div class="col-md-8 col-sm-8 col-xs-8">
                    <input class="art-right" type="text" ng-model="url" required>
                </div>
            </div>
            <div class="art-form1">
                <div class="col-md-2 col-sm-2 col-xs-2 art-left">
                    配       图
                </div>
                <div  class="col-md-10 col-sm-10 col-xs-10 art-r">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <label for="file" class="btn btn-primary">选择文件</label>
                        <input type="file"
                               id="file"
                               accept="image/png,image/gif"
                               name="file"
                               onchange="angular.element(this).scope().fileChanged(this)"
                               style="display: none;"
                               required/>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <img ng-src="{{src}}" alt="配图预览" class="art-img" width="100%"/>
                    </div>
                    <div class="col-md-8 col-sm-8 col-xs-8">
                        <table>
                            <thead>
                            <tr>
                                <th>
                                    图片名
                                </th>
                                <th>
                                    文件大小
                                </th>
                                <th>
                                    进度
                                </th>
                                <th>
                                    操作
                                </th>
                                <th>
                                    操作
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-if="fileName">
                                <td>{{fileName}}</td>
                                <td>{{fileSize|number:2}}MB</td>
                                <td>
                                    <div class="progress art-progress">
                                        <div style="background-color: #337ab7;border-radius: 3px;"
                                         ng-bind="progress+'%'"
                                         class="progress-bar">
                                        </div>
                                    </div>
                                </td>
                                <td>{{status}}</td>
                                <td>
                                    <button class="art-up" data-ng-click="upload()" ng-disabled="progress">上传</button>
                                    <button class="art-del" data-ng-click="delete()">删除</button>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="art-form">
                <div class="col-md-2 col-sm-2 col-xs-2 art-left">
                </div>
                <div class="col-md-8 col-sm-8 col-xs-8">
                    <div class="art-footer">
                        <div class="art-ft-l">
                            <button class="art-bt" ng-click="upLine()" ng-disabled="myForm.$invalid||src == undefined">立即上线</button>
                            <button class="art-bt" ng-click="save()" ng-disabled="myForm.$invalid||src == undefined">存为草稿</button>
                        </div>
                        <button class="art-ft-r" ng-click="remove()">取消</button>
                    </div>
                </div>
            </div>
        </form>

该问题已被官方收录

2

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

暂时不到方向不知道该怎么写

去第页

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