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

vuex vue axios

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

这个鼠标右键的Angular Generator是怎么出来的，

0

1

angular model

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

要怎么设置才能让九宫格变色后恢复原样？

0

1

操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

   clearInterval(startButton);

    startButton = setInterval("changeColor()", 1000);

    document.getElementsByTagName("button")[0].disabled=true;

如何配置反向代理以及可以获取到接口的数据

0

1

url传参

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

什么时候需要设置头部信息

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

跳转杀死的数字号

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

相同路由跳转并不会刷新

0

1

url传参

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <div>
        <div class="navBar">
            <div class="sideBar-title">萝卜多后台管理系统</div>
            <ul class="topNav">
                <li id="character" v-on:click='quit'>
                    <font-awesome-icon :icon="['fas', 'power-off']" class="power" />
                </li><span>|</span>
                <li id="character-name">{{manager}}</li><span>|</span>
                <li>{{role}}</li>
            </ul>
        </div>
        <div class="content">
            <ul class='sideBar'>
                <li v-for="(l,index) in lists" :key="index">
                    <a v-on:click="toggle(l,index)" v-bind:class="{ active: l.show }">
                        <font-awesome-icon :icon="['fas', 'pencil-alt']" class="pencil" />{{l.name}}
                        <font-awesome-icon :icon="['fas', 'angle-down']" v-if="l.show" class="angle" />
                        <font-awesome-icon v-else :icon="['fas', 'angle-left']" class="angle" />
                    </a>
                    <ul class="backstage-manage" v-show="l.show">
                        <li v-for="(item,index) in l.list" :key="index" @click="go($event,index,l)"
                            :class="{active:l.bgc[index]}">
                            <a>{{item}}</a>
                        </li>
                    </ul>
                </li>
            </ul>
            <div class="main-content">
                <!-- <keep-alive> -->
                <transition>
                    <router-view></router-view>
                </transition>
                <!-- </keep-alive>
                <router-view v-if='!$route.meta.keepAlive'></router-view> -->
            </div>

        </div>

任务1再次点击开始按钮报错

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="TaskOne.css" rel="stylesheet" type="text/css" />
</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>
        var backgroundColor = new Array;//随机数
        var randomNumber = new Array;//随机颜色
        var box = document.getElementsByClassName("box");
        //开始
        var time;
        function start() {
            //清除定时器
            // clearInterval(time);
           setInterval("showPic()",1000);
            // document.getElementsByTagName("button")[0].disabled = true;
        }
        function showPic() {
            for (var i = 0; i < 9; i++) {
                box[i].style.backgroundColor = "rgb(255,166,0)";
            } 
            makeColor();
            for (var i = 0; i < 3; i++) {
                box[randomNumber[i]].style.backgroundColor = backgroundColor[i];
            }
        }
        function makeColor() {
            var Numbers = new Array;//随机颜色
            var Colors = new Array;
            for (var i = 0; i >= 0; i++) {
                for (var i = 0; i < 3; i++) {
                    var a = Math.round(Math.random() * 255);
                    var b = Math.round(Math.random() * 255);
                    var c = Math.round(Math.random() * 255);
                    var color = "rgb(" + a + "," + b + "," + c + ")";
                    Colors.push(color);
                }
                if (Colors[0] != Colors[1] && Colors[1] != Colors[2] && Colors[2] != Colors[0]) {
                    backgroundColor = Colors;
                    break;
                } else {
                    Colors = [];
                }
            }
            console.log(backgroundColor);
            for (var i = 0; i >= 0; i++) {
                for (var i = 0; i < 3; i++) {
                    var Number = Math.round(Math.random() * 8);
                    Numbers.push(Number);
                }
                if (Numbers[0] != Numbers[1] && Numbers[1] != Numbers[2] && Numbers[2] != Numbers[0]) {
                    randomNumber = Numbers;
                    break;
                } else {
                    Numbers = [];  
                }

            }
            console.log(randomNumber);
        }
    </script>

</html>

循环定时器

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();
}

angularjs 路由中怎样为每个视图指定css文件。

0

1

angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.config(function ($stateProvider,$urlRouterProvider) {
    $urlRouterProvider.when('/navBar');
    $stateProvider
        .state("navBar",{
            url:"/navBar",
            templateUrl:"../html/nav-bar.html"
        })
        .state("navBar.page1",{
            url:"/page1",
            templateUrl:"../html/article列表页.html",
            controller: 'myCtrl'
        })
        .state("navBar.page2",{
            url:"/page2",
            templateUrl:"../html/article详情页.html"
        })
        .state('navBar.welcome', {
            url: '/welcome',
            templateUrl: '../html/welcome.html',
        })
        .state('login', {
            url: '/login',
            templateUrl:"../html/登录页.html",
            controller: 'loginCtrl'
        })
});