IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

$state.go传参需要哪些东西配合

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.controller('articleListCtrl',function ($scope,$http,$state,$stateParams) {
    $http({
        method:'GET',
        url: '/carrots-admin-ajax/a/article/search',
        params: $stateParams
    }).then(function successCallback(response) {
        console.log(response);
        console.log($stateParams);
        $scope.articleList = response.data.data.articleList;
        $scope.size= response.data.data.size;
        $scope.total = response.data.data.total;
        $("#page").initPage($scope.total,1,GG.kk);
        // $state.go('frameState.articleList',{
        //     page: 1,
        //     size: $scope.size,
        //     endAt: undefined,
        //     startAt:undefined,
        //     type: undefined,
        // },{reload:true})

另一段

 .state('frameState.articleList',{
            url:'/articleList?page?size?endAt?startAt?type?status?',
            templateUrl:'pages/articlePage.html',
            controller:'articleListCtrl'
        })

再angular中的复选框和单选框的全选功能经常是各种时间，搞得太麻烦了。

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

放在页面的js复制到js文件就不生效了

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

/* 获取所有div */
var timer2 = null;
var myNodelist = document.querySelectorAll("div");
var btn = document.querySelectorAll("button");
/* 随机颜色的函数 */
function color() {
    return "#" + ("00000" + ((Math.random() * 16777215 + 0.5) >> 0).toString(16)).slice(-6)
}
/* 变色函数 */
function Time() {
    var randomArray = []; //声明一个数组
    for (var i = 0; i < myNodelist.length; i++) {
        myNodelist[i].style.background = "orange";
    } // 重置每个div的颜色为
    for (var i = 0; i < 3; i++) {
        var randomLoc = Math.floor(Math.random() * (myNodelist.length));
        if (randomArray.indexOf(randomLoc) < 0) {
            randomArray.push(randomLoc);
        } else {
            i--;
        }
    } //  给数组取三个不重复的数字
    myNodelist[randomArray[0]].style.background = color();
    myNodelist[randomArray[1]].style.background = color();
    myNodelist[randomArray[2]].style.background = color();

}

function start() {
    if (start.className == "") {
        start.className = "orange"
        clearInterval(timer2);
        timer2 = setInterval("Time()", 1000);
    }
}

function stop() {
    clearInterval(timer2);
    start.className = "";
    for (var i = 0; i < myNodelist.length; i++) {
        myNodelist[i].style.background = "orange";
    }

}

有限状态机问题

1

有限状态机

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>
    <style>
        .green,
        .yellow,
        .red,
        .clear {
            display: inline-block;
            margin: 1rem;
            width: 5rem;
            height: 5rem;
            border: solid 1px #000;
            border-radius: 50%;
        }

        .green {
            background: green;
        }

        .yellow {
            background: yellow;
        }

        .red {
            background: red;
        }
    </style>
</head>

<body>
    <div class="green"></div>
    <div class="yellow"></div>
    <div class="red"></div>
    <br>
    <div class="clear"></div>

    <script src="jquery-3.3.1.min.js"></script>

    <script src="state-machine.js"></script>
    <script>
        var fsm = new StateMachine({
            init: 'green',//从green开始
            transitions: [{
                    name: 'warn',
                    from: 'green',
                    to: 'yellow'
                },
                {
                    name: 'panic',
                    from: 'yellow',
                    to: 'red'
                },
                {
                    name: 'calm',
                    form: 'red',
                    to: 'yellow'
                },
                {
                    name: 'clear',
                    from: 'yellow',
                    to: 'green'
                }
            ]
        })


        $('.green').on('click', function () {
            console.log(fsm.can('warn'));
            fsm.warn();
        })

        $('.yellow').on('click', function () {
            console.log(fsm.can('panic')); 
            fsm.panic();
        })

        $('.red').on('click', function () {
            console.log(fsm.can('calm'));
            fsm.calm();
        })

        $('.clear').on('click', function () {
            console.log(fsm.can('clear'));
            fsm.clear();
        })





    </script>
</body>



</html>

新增页面上传图片再删除后就不能上传图片了

0

1

file-upload

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//上传图片
    var uploader = $scope.uploader = new FileUploader();
    uploader.url = '/carrots-admin-ajax/a/u/img/task';

    uploader.onSuccessItem = function(data,fileItem) {
        $scope.imageSrc1 = fileItem.data.url;
    };
    //删除图片
    $scope.remove = function () {
        $scope.imageSrc1 = undefined;
    };

<div class="form-group">
                    <label class="btn btn-primary" for="file2">选择文件</label>
                    <input id="file2"
                           style="display: none"
                           type="file"
                           nv-file-select
                           uploader="uploader"
                           multiple
                           ng-model="label2"
                    >
                    <img alt="配图预览" class="img-responsive" src="{{imageSrc1}}">
                    {{label2}}
                </div>

typeof 疑问

0

1

变量 js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var name;
name = 'jin';
console.log(typeof name);
name=1;
console.log(typeof name);

只能渲染一天的状态

0

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(function () {
    $(".fren").eq(day - 1).after("<p>" + ese.ne + "号" + "被杀手杀死,真实身份是" + ese.Identity + "</p>");
})
$(function () {
    $(".fren3").eq(day - 1).after("<p>" + asd.ne + "号" + "被投票投死了,真实身份是" + asd.Identity + "</p>");
})

循环定时器

0

1

函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="grid">
    <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>
</div>
<div class="btn">
    <button id="run" onclick="twinkle()">开始闪</button>
    <button id="stop" onclick="stop()">结束闪</button>
</div>



function getBox() {
    var box = document.getElementsByClassName("box");
    resent();
    //随机得到三个盒子
    for (var i = 0; i < 1000; i++) {
        var box1 = Math.floor(Math.random() * 9);
        var box2 = Math.floor(Math.random() * 9);
        var box3 = Math.floor(Math.random() * 9);
        if (box1 !== box2 && box1 !== box3 && box2 !== box3) {
            break;
        }
    }
    //随机的三个盒子改变颜色
    box[box1].style.backgroundColor = changeColor();
    box[box2].style.backgroundColor = changeColor();
    box[box3].style.backgroundColor = changeColor();
}

function resent() {
    var box = document.getElementsByClassName("box");
    for (var i = 0; i < 9; i++) {
        box[i].style.backgroundColor = "orange";
    }
}
//得到三个随机颜色
function changeColor() {
    var r = Math.floor(Math.random() * 255);
    var g = Math.floor(Math.random() * 255);
    var b = Math.floor(Math.random() * 255);
    return "rgb(" + r + "," + g + "," + b +")";
}

var time;
function twinkle() {
    time = setInterval(getBox(), 1000);
}

function stop() {
    clearInterval(time);
    resent();
}

在JSON没有数据解析的时候，如何自制报错

0

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//localStorage.clear(); 
var info;
var info2;
//var storage;
document.getElementById("button3").onclick=function(){
    window.location.href="proportion3.html";
}
a=true;
var kill=0;
z=1;
for(let c = 0; c<z;c++){
    
document.getElementsByClassName("killer-1")[c].onclick=function(){
    // document.getElementById("day").onclick=function() {

    //     if(a==true){
    //         document.getElementsByClassName("main")[c].style.height=0;
    //         a=false;
    //         }else{
    //             document.getElementsByClassName("main")[c].style.height="237px";
    //             a=true;
    //         }
    //     }
    if(kill==0) {
        var storage;
        var death1;
        kill++;
        window.location.href="vote.html";
        document.getElementsByClassName("killer-1")[c].style.backgroundColor="rgb(128,128,128)";
        
    }else{
        alert("请按顺序来");
    }
}

document.getElementsByClassName("killer-2")[c].onclick=function(){
    
    if(kill==1){
        alert("亡灵发表遗言");
        document.getElementsByClassName("killer-2")[c].style.backgroundColor="rgb(128,128,128)";
        
        kill++;
    }else{
        alert("请按顺序来");
    }
}
document.getElementsByClassName("killer-3")[c].onclick=function(){
    if(kill==2){
        alert("玩家依次发言");
        document.getElementsByClassName("killer-3")[c].style.backgroundColor="rgb(128,128,128)";
        kill++;
    }else{
        alert("请按顺序来");
    }
}
document.getElementsByClassName("killer-4")[c].onclick=function(){
    if(kill==3){
        document.getElementsByClassName("killer-4")[c].style.backgroundColor="rgb(128,128,128)";
       // window.location.href="vote.html";
        z++;
        localStorage.many=JSON.stringify(z);
        console.log(localStorage);
    }else{
        alert("请按顺序来");
    }
}

kill=JSON.parse(localStorage.kill);
if(kill!=0){
    var identify=JSON.parse(localStorage.info);
    var identify2=JSON.parse(localStorage.info2);
    //for()
    document.getElementsByClassName("people-information")[c].innerHTML =identify2+"被杀死，他的真实身份是"+identify;
    document.getElementsByClassName("killer-1")[c].style.backgroundColor="rgb(128,128,128)";
    console.log(identify2);
    }
    z=JSON.parse(localStorage.many);
    console.log(z);
if(z>1){
    clone2 = document.getElementsByClassName("main-inner")[c].cloneNode(true);
    document.getElementById("main-all").appendChild(clone2);
}
}
document.getElementById("button3").onclick=function(){
    window.location.href="daily.html";
}
document.getElementById("button2").onclick=function(){
    
      var r =confirm("是否结束游戏");  
      if(r == true){
         
        localStorage.clear();
        window.location.href="proportion.html";
      }
      else{
          return false;
      }                                                                
}

跳转杀死的数字号

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

这里代码不知道怎么写 没思路啊